/* 
	MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
	URL - http://responsive.gs
	LICENSE - PUBLIC DOMAIN
*/

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media only screen and (max-device-width: 480px) {
	
	.container						{ width:  100%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
}





/* -----------------------------------
IPAD LANDSCAPES
------------------------------------ */
@media only screen and (min-device-width : 768px) and (orientation : landscape) {
.container						{ width:  100%; } /* edit how you see fit */
nav ul li  {
 float:left;
 font-size: 1.125em;
 line-height: 36px;
 width:auto;
  padding: 0;
  /* border-right: 1px solid #FA9900;*/
}
nav ul li:last-child {border-bottom: 0px solid #FA9900;}
nav a{
 padding: 12px 15px;
}
h1{font: 3.4em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#113488;text-shadow: 1px 1px #ffffff;}
h2{font: 2em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#333;margin:3em;text-shadow: 1px 1px #ffffff;}
p{font: 1.8em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#113488;}
.copy{font: 1.2em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#cccccc;}
#und{max-width:100%;height:242px;background: url(images/under.png) center top no-repeat;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.container						{ width:  100%; } /* edit how you see fit */
/* Styles */
nav ul li  {
 float:left;
 font-size: 1.125em;
 line-height: 36px;
 width:auto;
  padding: 0;
  /* border-right: 1px solid #FA9900;*/
}
nav ul li:last-child {border-bottom: 0px solid #FA9900;}
nav a{
 padding: 12px 15px;
}
h1{font: 3.4em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#113488;text-shadow: 1px 1px #ffffff;}
h2{font: 2em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#333;margin:3em;text-shadow: 1px 1px #ffffff;}
p{font: 1.8em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#113488;}
.copy{font: 1.2em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#cccccc;}
#und{max-width:100%;height:242px;background: url(images/under.png) center top no-repeat;}
}



/* DESKTOPS & LAPTOPS */
@media only screen and (min-width: 1024px) {
	
	.container						{ max-width: 100%; }
	
	/* INSERT YOUR STYLES */

}

@media only screen and (min-width: 1224px) {
	
	.container						{ max-width:  100%; }
	
	/* INSERT YOUR STYLES */

}	


/* LARGE SCREENS */
@media only screen and (min-width : 1824px) {
	
	.container						{ max-width:  100%; }
	
	/* INSERT YOUR STYLES */

}	


/* RETINA DISPLAY */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	/* INSERT YOUR STYLES */
	
}