*{
	margin:0px;
	padding: 0;
}
html, body{
	width: 100%;
}
header{
	width: 100%;
	height: 200px;
	top: 0px;
	text-align: center;
	justify-content:space-between;
	background-color: #000;
	display: flex;
	flex-wrap:wrap;
	position: fixed;
	transform: translateY(0);
	transition: transform 1s ease;
	z-index: 1;
}
.img_left{
	flex: 0 0 10%;
	height: 100%;
	margin-left:  3%;
}
.emblem{
	flex: 0 0 50%;
	height: 100%;
}
.img_right{
	flex: 0 0 10%;
	height: 100%;
	margin-right: 3%;
}
.nav{
	flex: 0 0 100%;
	height: auto;
}
.nav-content{
	width: 100%;
	position: relative;
	background-color: #333;
	padding: 0.5% 0;
	font-size:1.4em;
}
.nav-content ul{
	display: flex;
	transition-delay: transform 0.3s ease-in-out;
	list-style: none;
	padding:0;
	margin:0;
	justify-content:space-between;
}
.nav-content ul li{
	flex: 1;
	text-align: center;
}
.nav-content ul a {
	color: #fff;
	text-decoration: none;
}
.nav-content ul a:hover{
	padding: 4% 10%;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(25,223,0,1);
	-moz-box-shadow: 0px 10px 20px 0px rgba(25,223,0,1);
	box-shadow:  0px 10px 20px 0px rgba(25,223,0,1);
}

@media screen and (max-width: 800px){
	,nav{display:none;}
	.img_left{ display:none;}
	.img_right{display:none;}
	.emblem{width:100%;}
}