/*
* Used for tablet and mobile devices
*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) { }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.container { width:100%; padding-left:20px; padding-right:20px; }
	#home-hero .container h1 { font-size:48px; }
	#home-about .one-third { margin-right:5%; width:30%; }
	#home-about .two-third { width:60%; }
	#home-benefits h2 { font-size:30px; }
	#home-assets .box { width:44.5%; margin:0 2% 4% 2%; min-height:270px; }
	
}

@media only screen and (min-width: 640px) and (max-width: 767px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 

	.container { width:100%; padding-left:20px; padding-right:20px; }
	
	#header .logo { max-width:60%; }
	#header nav { float:none; padding:30px 0 0 0; clear:both; display:none; }
	#header nav li { float:none; }
	#header .menu { display:block; }
	
	#home-hero .container { left:0; width:100%; padding:0 50px; margin-left:0; bottom:auto; top:70px; }
	#home-hero .container h1 { font-size:32px; width:100%; text-align:center; }
	#home-about .one-third { margin:0 0 20px 0; width:100%; }
	#home-about .one-third blockquote { text-align:center; }
	#home-about .two-third { margin:0 0 20px 0; width:100%; }
	#home-about .two-third h2 { text-align:center; }
	#home-assets .box { width:44.5%; margin:0 2% 4% 2%; min-height:270px; }
	#home-assets br { display:none; }
	
	#footer-contact .container { width:100%; padding-left:20px; padding-right:20px; }
	#footer-contact br { display:block; }
	#footer-contact .email { display:inline-block; text-align:center; margin:0 0 15px 0; }
	#footer-contact .phone { clear:both; display:inline-block; text-align:center; }
	#footer nav { float:none; text-align:center; margin:0 0 10px 0; }
	#footer nav li { float:none; display:inline-block; margin:0 5px; }
	#footer p { text-align:center; float:none; }
	
	

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#home-hero .container { padding:0 20px; top:40px; }
	#home-hero .container h1 { font-size:24px; }
	#home-benefits h2 { font-size:24px; }
	#home-assets .box { width:100%; margin:0 0 20px 0; min-height:0; }
	#home-assets .boxes img { margin:0 auto; position:static; }
	
	#footer-contact .phone, #footer-contact .email { font-size:16px; padding-top:5px; padding-bottom:5px; }

}