#header{
	float:left;
	width:100%;
	height:8vw;
	box-shadow:0 2px 10px rgba(10,10,10,.5);
}
#header_left{
	float:left;
	width:20%;
	margin-top:1vw;
	margin-left:2%;
}
#header_left img{
	width:100%;
	height:100%;
}
#header_middle{
	float:left;
	width:68%;
	height:75%;
	margin-top:1vw;
}
#navigation{
	margin-top:2vw;
	margin-left:0%;
}
#navigation ul{
	margin:auto;
	list-style:none;
}
#navigation li{
	float:left;
	margin-left:2vw;
}
#navigation li a:link{
	text-decoration:none;
	color:black;
}
#navigation li a:visited{
	text-decoration:none;
	color:black;
}
#navigation li a:active{
	text-decoration:none;
	color:black;
}
#navigation li a:hover{
	text-decoration:none;
	color:white;
}
#header_right{
	float:left;
	width:8%;
	height:100%;
}
#embedded_weather{
	float:right;
	width:100%;
	height:100%;
}
#weather_title{
	font-size:1vw;
	width:100%;
	text-align:center;
	color:white;
	float:left;
	margin-top:1vw;
}
#weather_temperature{
	float:left;
	font-size:2.5vw;
	width:100%;
	text-align:center;
	margin-left:5%;
	color:white;
}
#weather_forecast{
	float:left;
	font-size:.8vw;
	width:98%;
	text-align:center;
	color:white;
	margin:1%;
}
#header_mobile_nav{
	float:left;
	display:none;
	width:10vw;
	height:100%;
}
.slicknav_menu{
	display:none;
}
/*--------------------
	Mobile & Tablet overrides
--------------------*/

/*Phone*/
@media only screen and (max-width: 1000px){
	#embedded_weather{
		float:right;
		width:100%;
		height:100%;
		display:none;
	}

	#navigation{
		margin-top:.5vw;
		display:none;
	}
	
	#header{
		display:none;
	}	
	.slicknav_menu{
		display:block;
		background:#FFAA69;
	}
	.slicknavlogo{
		height:7vw;
	}
}