/* RESET */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a{text-decoration: none;}
ul{list-style: none;}

header{
	width: 1200px;
	height: 170px;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	margin: auto;
font-family: avenir;
font-size: 16px;

	
	position: relative;
}

header nav{
	position: left;
	bottom: 20px;
	right: 10px;
}

header li{
	float: left;
	border-right: 3px solid #f09516;
}

header li:last-child{
	border: none;
}

header a{
	display: block;
	padding: 5px 25px;
		color: #000;
	background: #fff;
}

header a:hover{
	color: #000;
	background: #f80;
}

.nav_button{
	position: absolute;
	top: -9999px;
	left: -9999px;

}

.nav_label{
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;

	display: none;
	
	cursor: pointer;

}

@media screen and (max-width: 1000px){

	header{
		width: 100%;
		height: 80px;
		
	}
	
	header img{
		width: auto;
		height: 50px;

	}
	
	.nav_label{
		display: block;
		
	}
		
	header nav{
		left: 0;
		right: 0;
		position: absolute;
		
		top: 100%;
		
		display: none;
		
	}
	
	header li{
		
		float: none;
		border: none;
		font-size: 12px;
		font-style: italic;
		
	}
	
	.nav_button:checked ~ nav{
		display: block;
	
	
	}
	
	.nav_button:checked ~ .nav_label{
		border: 2px dotted #f09516;
	}