#menu-bar {
	display:none;
}

header label{

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

.menu{
	position:absolute;
	top:50px;
	left:-100%;
	width:100%;
	height:100vh;
	background: rgba(226, 157, 142, 0.79); 
	transition: all 0.5s;
	
	
}

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

.menu a:hover{

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

	


@media (min-width:1024px) {

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

header label{

   display: none;
}

.menu a{
	display: block;
	color:#ffffff;
	height:50px;
	text-decoration:none;
    padding-top: 15px;
	padding-left: 7px;
	padding-right: 7px;
	border-bottom: none;
	transition: all 1s;

	
}

.menu a:hover{

	
	color:#CE054B;
	border-bottom: 1px solid #CE054B;
	background: fff;
	
	
}


}