.header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#18355d;
	padding: 5px 18%;
	}
.header .logo{
	cursor:pointer;
	}
.header .logo img{
	height:50px;
	width:auto;
	transition:all 0.3s;
}
.header .logo img:hover{
	transform:scale(1.1);
	}
.header .nav-link{
	list-style:none;
}
.header .nav-link li{
	display:inline-block;
	padding:10px 20px;
	transition:all 0.2s;
}
.header .nav-link .color{
	border-bottom:3px solid rgb(0,153,255);
}
.header .nav-link li:hover{
	transform:scale(1.1);
}
.header .nav-link a{
	padding:2px;
	font-size: 15px;
	color:rgb(255,255,255);
}
.header .nav-link a:hover{
	color:rgb(51,153,255);
}
.menu{
	display:none;
}
@media screen and (max-width:700px){
	.nav-link{
		display:none;
	}
	.menu{
		display:inherit;
	}
}
/* estilos responsives*/
.header a{
	text-decoration:none;
}
.header .overlay{
	width:0;
	position: fixed;
	z-index:1;
	left:0;
	top:0;
	background:rgba(24,53,93,0.9);
	overflow:hidden;
	transition:all 0.3s ease 0s;
}
.header .overlay .overlay-content{
	display:flex;
	height:100%;
	flex-direction:column;
	align-content:center;
	justify-content:center;
}
.header .overlay a{
	padding: 20px;
	font-size:16px;
	display:block;
	transition:all 0.3s ease 0s;
	font-weight:16px;
	color:rgb(255,255,255);
}

.header .overlay .close{
	position:absolute;
	top:2px;
	right:10px;
	font-size:40px;
}
@media screen and(max-height:450px){
	.header .overlay a{
		font-size:20px;
	}
	.header .overlay .close{
		font-size:40px;
		top:15px;
		right:35px;
	}
}