@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1px) {
	#gal {
		margin: 20px inherit;
		text-align: center;
	}
	
	.galpic {
		padding: 5%;
	}
	
	.galpic img {
		width: 90%;
	}	
}

@media screen and (min-width: 440px) {
	.galpic { 
		width:42.5%;
		height: 10%;
		float: left;
		display:block;
		text-align:center;
		vertical-align: middle;
		overflow:hidden;
		background:rgba(255,255,255,0.00);
		padding: 20px 0 0; 
	}
	
	.galpic img {
		width: 100%; 
		vertical-align: middle;
	}
	
	
	.galpic a {
		display:block;
		height: 150px;
		line-height:168px;
		overflow:hidden;
		margin-bottom:10px;
	}
	
	.galpic:nth-child(2n+1) {
		margin-left: 5%;
		margin-right: 2.5%;
	}
	
	.galpic:nth-child(2n+2) {
		margin-left: 2.5%;
		margin-right: 5%;
	}
}

@media screen and (min-width: 660px) {
	.galpic a {
		height: 175px;
	}
}

@media screen and (min-width: 840px) {
	.galpic {
		width: 26.6666%
	}
	
	.galpic:nth-child(3n+1) {
		margin-left: 5%;
		margin-right: 2.5%;
	}
	
	.galpic:nth-child(3n+2) {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.galpic:nth-child(3n+3) {
		margin-left: 2.5%;
		margin-right: 5%;
	}
	
	.galpic a {
		height: 200px;
	}
}