#menu{
	display: block;
	height: 42px;
	width:100%;
	background: #003862;
	position:absolute;
	z-index:100;
}

header label{
	float:right;
	font-size:24px;
	cursor:pointer;
	color:aliceblue;
	margin-left:10px;
}

.menu1 {
	position:relative;
	width: 80%;
	height: 100vh;
	background: rgba(0,40,88,0.8);
	top: 20px;
	left: 0;
	transition: all 0.3s;
	transform: translateX(-100%);
	padding-left:2px;
	padding-right:5px;
}

.menu1 a:hover{
	background: rgba(250,250,250,0.8);
}

#menu3:checked ~ .menu1{
	transform: translateX(0%);
}
	

.logo{
	position: absolute;
	height: 42px;
	width: 130px;
}

#menu a{
	color:aliceblue;
	margin-left:2px;
	margin-top:5px;
	font-size:14px;
	display:block;
}

#menu a:hover{
	color:#4A4D7E;
	text-decoration: none;
}

#menu .icon-facebook-rect{
	font-size:50px;
}

#menu .icon-instagram{
	font-size:20px;
}

#menu .icon-twitter{
	font-size:20px;
}

@media(min-width:880px){
	#menu{
		height:62px;
	}
	
	header label{
		display:none;
	}
	
	.logo{
		height:62px;
		width:232px;
	}
	
	.menu1{
		position:static;
		float:auto;
		padding-left:2px;
		width:auto;
		height:auto;
		transform: translateX(0);
		display:flex;
		background:#003862;
		margin-left:35%;
		margin-top:0px;
		
	}
	
	.menu1 a:hover{
		background:#003862;
	}
	
	#menu a{
		font-size: 14px;
		font-weight: 400;
		margin-left:18px;
		margin-top:0px;
	}
	
	#menu .icon-facebook-rect{
		font-size:50px;
		margin-top:-6px;
	}
	#menu .icon-instagram{
		font-size:20px;
		margin-top:-6px;
	}
	#menu .icon-twitter{
		font-size:20px;
		margin-top:-6px;
	}
	}
@media(min-width:1030px){
	#menu{
		height:80px;
	}
	
	.logo{
		height:80px;
		width:320px;
	}
	
	.menu1{
		margin-left:32%;
		margin-top:0px;
	}
	
	#menu a{
		font-size:18px;
		font-weight: 400;
	}
}
	
	#menu .icon-facebook-rect{
		font-size:25px;
		margin-top:-6px;
	}
	#menu .icon-instagram{
		font-size:25px;
		margin-top:-6px;
	}
	#menu .icon-twitter{
		font-size:25px;
		margin-top:-6px;
	}

@media(min-width:1200px){
	.menu1{
		margin-left:40%;
	}
}

@media(min-width:1350px){
	.menu1{
		margin-left:45%;
	}
}
	
@media(min-width:1500px){
	.menu1{
		margin-left:55%;
	}
}

@media(min-width:1650px){
	.menu1{
		margin-left:55%;
	}
}