body {
	width:auto;
	min-height: 100%;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
a:link {
    text-decoration: none;
	color: #000;
}
a:hover {
    color: #999999;
}
a:active {
    text-decoration: none;
	color: #000;
}

/* responsive gallery */
.container {
background-color: #FFF;
max-width:940px;
padding:10px;
margin:auto;
} 

.galleryItem {
	color: #797478;
	font: 10px/1.5 Arial, sans-serif;
	float: left;
	width: 200px;
	margin:  5px 5px 5px 0; 
}

.galleryItem h3 {
	text-transform: none;
	font-weight: normal;
	font-size: 11px;
}

.galleryItem img {
	max-width: 100%;
}

.fade {
   opacity: 1;
   transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -webkit-transition: opacity .3s ease-in-out;
   }
   .fade:hover {
      opacity: 0.7;
      }
	  
/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem {width: 25%;}
	.galleryItem h3 {font-size: 9px;}
}

@media only screen and (max-width : 736px),
only screen and (max-device-width : 736px){
	.galleryItem {width: 25%;}
	.galleryItem h3 {font-size: 9px;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.galleryItem {width: 29.33333%;}
	.galleryItem h3 {font-size: 9px;}
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	.galleryItem {width: 47%;}
	.galleryItem h3 {font-size: 9px;}
}

@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: 10px;}
	.galleryItem p, {font-size: 18px;}
}