*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

header
{
	height:50px;
	background:#1F2229;
	color:#fff;
	display:flex;
	justify-content:flex-end;
	align-items:right;
}

header Label{
font-size:30px;
cursor:pointer;
display:none;	
}

#btn-menu{
	display:none;
}

.menu {
      position: relative;
      z-index: 999;
}

.menu ul{
	background:#1F2229;
	display:flex;
	list-style:none;
}

.menu ul ul{
	display:none;
}

.menu a{
	display:block;
	padding:15px 20px;
	color: #fff00;
	text-decoration:none;
}

.menu a:hover {
	background:rgba(250, 246, 4,0.7);
}

.menu a span{
	margin-left:10px;
}

.menu ul li:hover ul{
	display:block;
	position:absolute;
	
}

@media (max-width:939px){
	
    header Label{
	 display:none;
	}

	.menu{
		position:absolute;
		top:50px;
		left:0;
		width:100%;
		transform: translateX(-100%);
		transition: all 0.3s;
	}
	
	.menu ul {
		display:block;
	    background: #555;
	}
	
	.menu ul li:hover ul {
		display:none;
		position:static;
	}
	
	.menu a span {
	  position:absolute;
      right:5px;	  
	}
	
	#btn-menu:checked ~ .menu{
		transform:translateX(0%);
	}
	
	.menu ul ul{
		background:rgba(0,0,0,0.4);
	}
	
	.menu ul ul a{
		padding:15px 40px;
	}
}