#menu-bar {
	display:none;
}

header label{

	float:right;
	font-size: 25px;
	margin: 10px 0;
    cursor: pointer;
	color:#CC9933;
}

.menu{
	position:absolute;
	top:50px;
	left:-100%;
	width:100%;
	height:100vh;
	background: #CC9933; 
	transition: all 0.5s;
	
	
}

.menu a{
	display: block;
	color:#ffffff;
	height:50px;
	text-decoration:none;
    padding: 15px;
	border-bottom: 1px solid #CC9933;
	transition: all 1s;
	font-family: 'Libre Baskerville', serif;
	text-align:center;
	
}

.menu a:hover{

	color:#FAEAD3;
	border-bottom: 1px solid #FAEAD3;
	
	
	
	
}

	

	


@media (min-width:1070px) {

   .menu {
	position:static;
	width:auto;
	height:auto;
	
	background: transparent;
	float: right;
	display: flex;
	
}

header label{

   display: none;
}

.menu a{
	display: block;
	color:#CC9933;
	height:50px;
	font-size: 12px;
	text-decoration:none;
    padding-top: 17px;
	padding-left: 6px;
	padding-right: 6px;
	border-bottom: none;
	border-bottom: 2px solid #ffffff;
	transition: all 1s;

	
}

.menu a:hover{

	
	color:#DFBF7D;
	border-bottom: 2px solid #DFBF7D;
	background: fff;
	
	
}


}