* {
	margin: 0;
	padding: 0;
}

.header {
	width: 100%;
	max-height: 90px;
	background-color: #1d274a;
	position: fixed;
}

.header a {
	background-color: transparent;
}

.header a img {
	max-height: 75px;
	padding: 5px 0 3px 5%;
	background-color: transparent;
	z-index: 1;
}

.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background-color: #1d274a;
}

.header ul li {
	float: left;
}

.header ul a {
	display: flex;
	height: 100%;
	padding: 35px 20px;
	text-decoration: none;
	color:#fff;
	background-color: #1d274a;
}

.header ul a:hover {
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #1d274a;
	padding: 35px 20px;
}

.header .menu {
 	clear: none;
 	float: right;
 	max-height: none;
 	margin-right: 5%;
 }

.header .menu-btn {
	display: none;
}

.filler {
	height: 90px;
}

@media screen and (max-width: 768px) {
	.header .menu {
		display: none;
		max-height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.header .menu-btn:checked ~ .menu li {
		width: 100%;
	}
	.header .menu-btn:checked ~ .menu a {
		padding: 15px;
	}
	.header .menu-btn:checked ~ .menu a:hover {
		padding: 15px;
	}
 	.header .menu-icon {
		display: block;
		float: right;
		padding: 35px 20px;
		background-color: transparent;
		cursor: pointer;
		margin-right: 5%;
	}
	.header .menu-icon .nav-icon {
		background: #fff;
		display: block;
		height: 2px;
		width: 18px;
		position: relative;
		transition: background .2s ease-out;
		top: 5px;
	}
	.header .menu-icon .nav-icon:before {
		background: #fff;
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: all .2s ease-out;
		top: 5px;
	}
	.header .menu-icon .nav-icon:after {
		background: #fff;
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: all .2s ease-out;
		top: -5px;
	}
	.header .menu-btn:checked ~ .menu {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.header .menu-btn:checked ~ .menu-icon .nav-icon {
		background: transparent;
	}
	.header .menu-btn:checked ~ .menu-icon .nav-icon:before {
		transform: rotate(-45deg);
		top: 0;
	}
	.header .menu-btn:checked ~ .menu-icon .nav-icon:after {
		transform: rotate(45deg);
		top: 0;
	}
}