*{ 
	box-sizing:	border-box;
	font-family:	"Dosis", sans-serif; 
	
}
body{
}

.nav-row{
	position:	fixed;
	width:		100vw;
	top: 		0;
}
.main-navigation{
	
}

nav ul{
	margin:		0; //reset
	padding:	0;
	background: 	rgba(0 40 0 /0.5);
}

.menu{
	display:	flex;
	flex-direction:	column;

	li{
		display:		block;
		list-style-type:	none;
		text-transform:		uppercase;
	}

	li a{
		display:		flex;
		text-align:		center;
		text-decoration:	none;
		color:			#ffffff;
		padding:		1rem;
	}
	li a:hover{;
		color:			#ffffff;
	}
} 

@media (min-width: 800px) {
	.menu{
		flex-direction:		row;
		justify-content:	space-between;
	}
}

.menu-item-has-children > a:after{
	font-family:	'Genericons';
	content: 	' ▶';
	padding:	1px;
}

nav ul ul {
	display: 	none;
}

@media (min-width: 800px) {
	nav ul ul {
		display: 	none;
		position:	absolute;
	}
}

nav ul li:hover > ul {
	display:	block;
	color:		#f0f;
	padding-left:	2rem;
}

@media (min-width: 800px) {
	nav ul li:hover > ul {
		padding-left:	0;
	}

	nav ul li:hover > ul a{
		color:	#fff;
	}

	.sub-menu{
		li{
			display:	flex;
			padding-right:	2em;
		}

		li:hover, li a:hover{
			color:	#777;
			}
	}

	nav ul ul ul{
		margin:		0 0 0 100%;
		box-shadow: 	0 0 2px rgba(0, 0, 0, 0.6);
	}

	.menu-item-has-children .menu-item-has-children > a:after{
		font-family:	'Genericons';
		content: 	' ▼';
		padding:	1px;
		transform: 	rotate(-90deg);
	}
	
	label.hamburg { 
	   	display: 	none;
	}

	input#hamburg {
		display:	none;
	}

}
	.nav_logo {
		height: 	3vh;
		top:		0.1vh;
	}

@media (width < 800px) {
	.main-navigation{
		overflow:	hidden;
		max-height:	0;
		transition: 	all 0.5s;
		
	}
	
	ul{
	
		background: 	rgba(0 40 0 /0.8);
	}
	nav ul ul {
	   background: 		rgba(0 40 0 /0);
	   border-top:		solid 1px rgba(0 10 0 /0.8);
	   border-bottom:	solid 1px rgba(0 10 0 /0.8);
	}


	label.hamburg { 
	   display: 		block;
	   background: 		rgba(0 40 0 /0.5); 
	   width: 		50px; 
	   height: 		34px; 
	   position: 		relative; 
	   border-radius: 	4px; 
	}
	.line { 
	   position: 		absolute; 
	   left:		7px;
	   height: 		4px; 
	   width:		36px; 
	   background: 		#fff; 
	   border-radius: 	2px;
	   display: 		block; 
	   transition: 		0.5s; 
	   transform-origin: 	center; 
	}

	.line:nth-child(1) { top: 8px; }
	.line:nth-child(2) { top: 16px; }
	.line:nth-child(3) { top: 24px; }

	#hamburg:checked + .hamburg .line:nth-child(1){
	   transform: 	translateY(8px) rotate(-45deg);
	}

	#hamburg:checked + .hamburg .line:nth-child(2){
	   opacity:	0;
	}

	#hamburg:checked + .hamburg .line:nth-child(3){
	   transform: 	translateY(-8px) rotate(45deg);
	}

	#hamburg:checked + .hamburg  + nav.main-navigation { 
	    max-height: 100vh;
	    overflow:	auto;
		 
	}
	input#hamburg {display:none}

	.nav_logo {
		position: 	absolute;
		height: 	3vh ;
		top:		0.1vh;
		right:		0vw;	
	}

}