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



/* gallery */

.gallery-container {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

.galleryItem h3 {
	font-weight: normal; 
	font-size: 14px;
	line-height: 1;
	color: #999;
}

.galleryItem img {
	max-width: 100%;
	border: thin solid #CCC;
	margin-bottom: 2px;
}

.galleryItem {
	font-size: 12px;
	line-height: 13px;
	color: #999;
	float: left;		
	width: 21%;
	margin: 2% 2% 50px 2%;
	
} 

/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem {width: 21%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.galleryItem {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	.galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem {width: 96%;}
	.galleryItem img {width: 96%;}
}


/* end gallery */