* {
	padding: 0;
	margin: 0;	
}

body {
	background-repeat: repeat-x;
	background-color: #009FE5;
} 

/*HEADER STYLES*/

.header {
	width: 98%;
	max-width: 1000px;
	margin: 30px auto;
	overflow: visible;
}


.header img {
	max-width: 97%;	
}

.footer {
	width: 98%;
	max-width: 1000px;
	margin: 30px auto;
	overflow: hidden;
}

.header h1 {
	color: #ff6d00;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 15px 2%;
}

.header a {
	color: #FFF;
}

.header p {
	color: #FFF;
	font: 12px/1.5 Verdana, Helvetica, sans-serif;
	margin: 0 0 0 2%;
}

.footer p {
	color: #FFF;
	font: 12px/1.5 Verdana, Helvetica, sans-serif;
	margin: 0 0 0 2%;
}

.footer a {
	color: #FFF;
}

.title {
	width: 98%;
	max-width: 1000px;
	margin: auto;
	color: #FFF;
	font: 25px Verdana, Helvetica, sans-serif;
	font-weight:bold;
}

/*CONTAINER STYLES*/

.container {
	width: 98%;
	max-width: 1000px;
	margin: 30px auto;
	overflow: hidden;
}

/*GALLERY STYLES*/
.galleryItem {
	background-color: #0074F5;
	color: #FFF;
	font: 12px/1.5 Verdana, Helvetica, sans-serif;
	width: 14.66666%;
	margin:  1% 1% 1% 1%;
	float: left;
	-webkit-transition: color 0.5s ease;	
}


.galleryItem img {
	max-width: 90%;
	margin: 5% 5% 0% 5%;	
}


.txtarea {
	height: 130px;
	max-width: 90%;
	margin: -2% 5% 0% 5%;		
}


.txtarea h3 {
	height:40px;
	color: #ffffff;
	max-width: 90%;	
	display: table-cell;
    vertical-align: middle		
}

.txtarea p {
	color: #ffffff;		
}




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

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

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

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem {width: 98%; margin-bottom: 20px}
	.galleryItem img {width: 96%;}
	.galleryItem h3 {font-size: 15px; height: 50px;}
	.galleryItem p, .header p {font-size: 15px;}
	.header h1 {font-size: 70px;}
	.txtarea {height: 115px;}
}