section.gallery {
	padding: 5em 0 8em;
}

.gallery .subtitle, 
.gallery h2 {
	text-align: center;
}

.gallery h2 {
	margin-bottom: 1.3em;
}

.gallery .col-md-4 {
	margin-bottom: 2em;
}

.gallery .gallery-button {
	align-self: center;
	text-align: center;
}


@media (min-width: 768px){
	.gallery article.gallery-col:last-of-type {
		order: 1;
	}

	.gallery article.gallery-col:nth-child(2) {
		position: relative;
		top: 7em;
	}
}

@media (max-width: 767px){
	section.gallery {
		padding: 3em 0;
	}

	section.gallery .col-md-4:not(:first-child):not(:last-child) {
		width: 50%;
	}

	section.gallery .row {
		margin: 0 -10px;
	}

	.col-md-4.gallery-col {
		padding: 0 5px;
	}
}