/* mobile.css stores all CSS definitions related to mobile devices, based on screen width. */

/**************************************/
/*           WIDTH < 1280px           */
/**************************************/
@media only screen and (max-width: 1400px) {}

/**************************************/
/*           WIDTH < 1280px           */
/**************************************/
@media only screen and (max-width: 1280px) {}

/**************************************/
/*           WIDTH < 1024px           */
/**************************************/
@media only screen and (max-width: 1024px) and (orientation: landscape) {
	nav ul { top:0;transform:translateX(-50%); }
	nav.visible div#subvert {position:fixed;}
}


/**************************************/
/*           WIDTH < 768 px           */
/**************************************/

@media only screen and (max-width: 768px) {
	.mobile_only { display:initial; }
	.desktop_only { display:none; }
	
	nav ul { width:90vw; }	
    nav ul li { width:100%; }	
    nav ul li a { width:100%;font-size:42px;letter-spacing:-2px;line-height:64px; }	
 	nav div#subvert { font-size:11px; }	
 
 	header a#top_logo { display:none; }   
 	
 	.centered { width:calc(100% - 40px);margin:0 auto; }
 	.content { padding:20px 0 0 0; }
 	.width_45 { width:100%;margin-left:0;margin-right:0;float:none; }
 	.width_55 { width:100%;margin-left:0;margin-right:0;float:none; }
 	.two_columns { column-count:1; }
 	.two_columns p { font-size:16px;line-height:18px; }
 	br.clear { height:40px; }
 	
 	div.gallery div.gallery_entry { width:calc(50% - 10px); }
 	.content h1 { font-size:26px;line-height:26px;margin:0 0 20px 0; }
 	
 	.availability_entry { margin:0 0 20px 0; }
 	.availability_entry h3 { font-size:36px;font-weight:bold;line-height:60px;border-bottom:1px solid #164a3e;color:#164a3e; }
 	.availability_entry div { border-bottom:1px solid #164a3e; }
 	.availability_entry div span:first-child { float:none;color:#164a3e;font-size:18px;line-height:32px; }
 	.availability_entry div span:last-child { float:right;color:#164a3e;font-size:18px;line-height:32px; }
 	.availability_entry a { font-size:18px;padding:10px 20px;text-align:center;color:#164a3e;border:1px solid #164a3e;border-radius:20px;margin:10px auto;left:50%;transform:translateX(-50%);display:inline-block;text-transform:uppercase;text-decoration:none; }
 
 	footer { padding:60px 40px 20px 40px;margin:40px 0 0 0; }
 	footer div.footer_grid { display:none; }
 	footer div#mobile { display:block;width:100%;margin:0 auto;text-align:center; }
 	footer div#mobile img { display:inline-block;width:50%; }
 	footer div#mobile .footer_cell { text-align:left; }
 	footer div#mobile .footer_cell h2 { font-size:14px;line-height:19px;font-weight:bold;margin:20px 0 5px 0; }
 	footer div#mobile .footer_cell span { font-size:14px;line-height:19px;margin:0 0 5px 0; }
 	
}