@import url("fuentes.css");

*{
	margin: 0;
	padding: 0;
}
	
body {
	background-color: #576075;
	font-family: "Pinto";
	background-image: url("../img/cubierta02.png");
	background-size: cover;
}

header{

	width:90%;
	max-width:869px;
	margin:0 auto;
	padding-top: 0px;
}
	header p{
		font-size: 50px;
		text-align: center;
	}
	
	nav{
		display: inline-block;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 10px;
	
	}
	
		nav ul{
			border: 1px solid #FFF;
			border-radius: 5px;
		}
	
			nav ul li{
				list-style: none;
				display: inline-block;
				padding: 10px;
				border-radius: 5px;
			}
				
				nav ul li a{
					color: #000;
					font-size: 40px;
					text-decoration: none;
					color: #FFF;
				}	
	
				nav ul li:hover{
					background-color: rgba(255,255,255,0.3)
				}

	
.logo{
	width: 12%;
	position: absolute;
	top: 15px;
	right: 15px;
}	



main{
	max-width:672px;
	width: 95%;
	margin: 0 auto;
	text-align: justify;
	background-color: rgba(114,121,137,0.7);
	padding: 20px;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: light;
	color: #E6E8ED;
	margin-bottom: 30px;
	border-radius: 5px;
}	
	section{
		width: 90%;
		margin: 0 auto;
	}
	

	h2{
	margin-bottom: 10px;
	font-family: "Pinto";
	font-size: 35px;
}


/****************************MEDIA*************/

@media screen and (max-width: 985px){
	header{
		max-width:587px;
	}
	nav ul li a{
		font-size: 25px;

	}

		h2{
	font-size: 30px;
}
}

@media screen and (max-width: 670px){
	header{
		max-width:493px;
	}
	nav ul li a{
		font-size: 20px;

	}	
				nav ul li{
				padding: 10px;
		
			}
}		

@media screen and (max-width: 565px){
	header{
		max-width:399px;
	}
	nav ul li a{
		font-size: 15px;

	}	
	
}

@media screen and (max-width: 465px){
	header{
		max-width:349px;
	}

	
	nav ul li{
		padding: 10px 5px;
	}
	
}
@media screen and (max-width: 410px){
	header{
		width:95%;
		max-width:225px;
	}
nav ul li a{
		font-size: 10px;

	}
	nav ul li{
		padding: 10px 2px;
	}
	
}

