.headerWrapper {
	position:fixed;
	display:block;
	width:100%;
	margin:0;
	top:0;
}
.header {
	position:relative;
	display:flex;
	width:100%;
	background-color:rgba(54,69,79, .8);
}
.headerBlank {
	height:88px;
}
.logo {
	margin-left:60px;
}

.logo img {
	max-width:210px;
}

.mobileNav {
	display:none;
	margin-top:20px;
	margin-left:5px;

}
.desktopNav {
	display:flex;
	width:100%;
	align-items:center;
	justify-content: flex-end;
	margin-right:80px;
}
.mnuTopItem {
	margin-right:30px;
	cursor:pointer;
	color:#eee;
}
.mnuTopItem:hover {
	color:#eee;
}
.subMenu {
	visibility:hidden;
	display: block;
	position:absolute;
	background-color:#36454f;
	border:6px solid #222;
	padding:10px;
	margin-left:-20px;
}
.munSub {
	margin-right:10px;
	cursor:pointer;
	color:#eee;
	line-height:30px;
	z-index:1001;
}
.munSub:hover {
	color:white;
}
#burger { display:none}

@media only screen and (max-width: 768px) {
.logo {
	margin-left:20px;
}
.logo img {
	max-width:190px;
	margin-top:10px;
}

	.desktopNav {
		display:none;
	}
	.mobileNav {
		position:fixed;
		width:60vw;
		top:120px;
		left:-10px;
		z-index:1001;
		background-color:#5b6c77;
		margin:0px;
		line-height:40px;
		padding:10px;
		padding-left:15px;
		font-size:16px;
		border-radius:4px;
	}
	.subMenu {
		max-width:100%;
		width:440px;
		display:block;
		border-radius:4px;
		margin-left:80px;
		margin-top:-80px;
		background-color: #36454f;
		box-shadow: rgba(33, 35, 38, 0.1) 0px 4px 4px -4px;
		text-align:top;
	}
	.munSub {
		line-height:20px;
		display:inline-block;
		width:300px;
		text-align:top;
	}
	.mnuMobItem {
		color: white;
		font-size:20px;
	}
	
	#burger {
		display:block;
		margin-right:40px;
		width:100%;
		text-align:right;
		margin-top:40px;
		
	}
	#burger img {height:20px;opacity: 0.6;}
}