/*CONTAINER STYLES*/

.container {
	padding: 0px;
	width: 100%;
	margin: 10px auto 0px auto;
	overflow: hidden;
}

/*GALLERY STYLES*/
.galleryItem {
	margin: 0.6% 1.2% 0.6% 1px;
	border-radius: 6px;
	border: 2px solid #5A754D;
	padding: 0px;
	box-shadow: 0px 0px 4px #999999;
	color: #777777;
	font: 0.7em/1.4 Verdana, Helvetica, sans-serif;
	width: 18.2%;
	float: left;
	-webkit-transition: color 0.5s ease;
	display: block;
	background-color: #FFFFFF;
}
.galleryItem h3 {
	padding: 0px 0px 0px 4px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 2;
}

.galleryItem_P {
	margin: 0px;
	padding: 0px 0px 3px 3px;
}

.galleryItem:hover {
	color: #000;
}

.galleryItem img {
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 4px 4px 0px 0px;
}



/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem {width: 23%;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.galleryItem {width: 31%;}
	.header h1 {font-size: 40px;}
}

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

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem {width: 95%;}
	.galleryItem img {width: 100%;}
	.galleryItem h3 {font-size: 18px;}
	.galleryItem p, .header p {font-size: 14px;}
	.header h1 {font-size: 70px;}
}