.galWrapper {display: block; width: 100%; margin: 20px 0 0; text-align: center;}
.galWrapper a {display: inline-block; vertical-align: middle; height: 400px; width: 46%; margin: 0.75%; padding: 1%; border-style: solid; border-width: 3px; border-color: #0776BC; background: #fff; box-sizing: border-box;}
.galWrapper a:hover, .galWrapper a:active {border-color: #F7941E; box-shadow: 0px 0px 6px #999;}
.galWrapper a .galImg {display: block; width: 100%; height: auto;}

.image {width: 100%; text-align: center;}
.image img {display: inline-block;}
.pageContent .backButton {display: block; margin: 20px auto; width: 300px; text-align: center; text-decoration: none; padding: 10px; border-radius: 3px; background: #0776BC; color: #fff; border: 1px solid #fff; transition: all 0.2s ease;}
.pageContent .backButton:hover, .pageContent .backButton:active {background: #fff; color: #0776BC; border: 1px solid #0776BC; }

@media only screen and (max-width: 1650px) {
	.galWrapper a {height: 350px;}
}

@media only screen and (max-width: 1500px) {
	.galWrapper a {height: 300px;}
}

@media only screen and (max-width: 1350px) {
	.galWrapper a {height: 280px;}
}

@media only screen and (max-width: 1200px) {
	.galWrapper a {height: 250px; border-width: 2px; box-shadow: 0px 0px 4px #999;}
}

@media only screen and (max-width: 1000px) {
	.galWrapper a {height: 220px;}
}

@media only screen and (max-width: 800px) {
	.galWrapper a {height: 150px; border-width: 1px; box-shadow: 0px 0px 2px #999;}
}

@media only screen and (max-width: 640px) {
	.galWrapper a {height: 130px;}
}