.mobile-header { 
	background-color:rgba(255,255,255,1);color:#000;width:100%; 
	width:100%; margin:0; position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;    			
}

	.mobile-logo { width:285px; }

header { 
	display:none;
}

		
		
	.top-tier .social-media-links {
		display:none;
	}		
	
#left-nav-panel { 
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	text-align:left; font-size:1.2em; 
	background-color: #efefef;
	overflow-x: hidden; /* Disable horizontal scroll */
	/*padding-top: 20px;  Place content 20px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */	
}
	.left-nav-container { color:#fff; margin-top:100px; padding:0 2em 0 0.5em; white-space:nowrap; }
	
		.left-nav, .left-nav:link, .left-nav:visited {
			display:block;
			padding:1em 0.25em;	
			color:#000 !important;
			text-decoration:none;
			border-bottom:1px solid #ccc;
			background: transparent;
			-webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			-o-transition: all .5s ease-out;
			transition: all .5s ease-out;				
		}		
	

@media all and (min-width: 600px) {	
	
	.mobile-logo { width:385px;position:absolute;left:70px;top:0; }
	
}
	
@media all and (min-width: 900px) {
			
}

@media all and (min-width: 1024px) {
	
	.mobile-header { display:none; }

	header { display:block; position:relative; z-index: 9999; }

		header .nav-cell {			
			font-weight:700;
			-webkit-transition: background-color 0.25s ease-out;
			-moz-transition: background-color 0.25s ease-out;
			-o-transition: background-color 0.25s ease-out;
			transition: background-color 0.25s ease-out;		
		}
	
		header .nav-cell:hover { background-color:#fff; }

		header a:link, header a:visited { 
			color:#000;
			text-decoration:none;	
			font-size:0.8em	
		}

		header a:hover, header a:active { 				
			text-decoration:none;
		}				
	
		header .nav-cell a { display:block; width:100%; padding:1em 0; }
		header .selected-nav { background-color:transparent; }
		header .selected-nav a {  text-decoration:none; cursor:default; color:#f3732c; }
	
		.top-tier .social-media-links {
			display:block; float:right; padding:0.25em 0.5em 0 0;
		}		
		
		.social-media-links a .fab { 
		}
		
		.social-media-links a:hover .fab, .social-media-links  a:active .fab { color:#555 !important ; }
		
		.nav-table { }
			.nav-table .social-media-links { display:none; }			
	
	
}

@media all and (min-width: 1200px) {
	
	.top-tier .social-media-links { display:none; }
	.nav-table .social-media-links { display:table-cell; }

	header a:link, header a:visited  { font-size:0.9em; }
}

@media all and (min-width: 1280px) {
}

@media all and (min-width:1400px) {
}


/*
@mixin for-phone-only {
  @media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
  @media (min-width: 600px) { @content; }
}
@mixin for-tablet-landscape-up {
  @media (min-width: 900px) { @content; }
}
@mixin for-desktop-up {
  @media (min-width: 1200px) { @content; }
}
@mixin for-big-desktop-up {
  @media (min-width: 1800px) { @content; }
}
*/