header .logo {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
	padding:0;
}
header .logo img{
	width:100%;
}
header .logo div {
	font-size:20px;
}
header .logo div span {
	font-size:28px;
	color:#0f7eff;
	font-weight:bold;
}
header nav {
	background-color:#C72027;
}
header nav > ul {
	width:1200px;
	margin:0 auto;
	display:flex;
}
header nav > ul > li {
	flex:1;
	transition:.5s;
	position:relative;
}
header nav > ul > li:hover ul.children {
	max-height:220px;
}
header nav > ul > li a {
	display:block;
	text-align:center;
	padding:15px 0;
	transition:.5s;
	color:#FEFEFE;
	font-size:15px;
}
header nav > ul > li a:hover {
	background-color:#0f7eff;
}
header nav > ul > li > ul.children {
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	max-height:0;
	overflow:hidden;
	z-index: 222;
	background-color:#C72027;
	transition:max-height .5s;
}
header nav > ul > li > ul.children > li a {
	color:#FEFEFE;
}
header nav > ul > li > ul.children > li a:hover {
	background-color:#0f7eff;
}
/*# sourceMappingURL=header.css.map */