.container {
	width: 90%;
	margin: 30px auto;
	overflow: hidden;
}

.galleryItem {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	float: left;

}



 
.galleryItem h3 {

	text-transform: uppercase;
}
 
.galleryItem img {
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.galleryItem {
	color: #111111;
	font: 24px/1.2 Verdana, Helvetica, sans-serif;
	float: left;	
	
	width: 18%;
	margin:  1% 1% 3px 1%;	
}


.galleryItemMINI {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	float: left;

}



 
.galleryItemMINI h3 {

	text-transform: uppercase;
}
 
.galleryItemMINI img {
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.galleryItemMINI {
	color: #111111;
	font: 24px/1.2 Verdana, Helvetica, sans-serif;
	float: left;	
	
	width: 12%;
	margin:  2% 2% 2px 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 : 480px),
only screen and (max-device-width : 480px){
	.galleryItem {width: 96%;}
	.galleryItem img {width: 96%;}
	.galleryItem h3 {font-size: 24px;}
	.galleryItem p, {font-size: 40px;}
	
}
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem {width: 96%;}
	.galleryItem img {width: 96%;}
	.galleryItem h3 {font-size: 18px;}
	.galleryItem p, {font-size: 18px;}
	
}