:root{
	
	--fuenteHeading: 'PT Sans', sans-serif;
	--fuenteParrafos: 'Opensans', sans-serif;
	
	--primario: #784D3C;
	--blanco: #fff;
	--negro: #00000;
	
}

html{
	box-sizing: border-box;
	font-size: 62.5% /* 1rem= 10 px */
		
} 	 

*,*:before, *:after{
	
	box-sizing: inherit;
}
body{
	
	font-family: var(--fuentePerrafos);
	font-size: 1.6rem;
	line-height: 2;
}

/* GLOBALES */

.contenedor{
	max-width: 120rem;
	width: 90%;
	margin: 0 auto; 
}
a{
	
	text-decoration: none;
}

h1,h2,h3,h4{
	font-family: var(--fuenteHeadig);
}
h1{
	font-size: 4.8rem;
}
h2{
	
font-size: 4.0rem;
}
h3{
font-size: 3.2rem;
}
h4{
	
font-size: 2.8rem;
}

img{
	max-width: 100%;
}

/* UTILIDADES */
.no-margin{
	margin:0;
}
.no-padding{
	padding: 0;
}
.centrar-texto{
	text-align: center;
}

/* HEADER */
.header
{
	
	background-image: url("../img/banner.jpg");
	height: 60rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.header__texto{
	
	text-align: center;
	color: var(--blanco);
	margin-top: 5rem;
}


@media (min-width:768px){
	.barra{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.navegacion{
		display: flex;
		gap:2rem;
	}
	.header__texto{
		
		margin-top:15rem;
	}
	
	
	
}

.logo{
	
	color:var(--blanco);
	
}


.logo__nombre
{
	font-weight: normal;
}

.logo__bold
{
	font-weight: 700;
}

.navegacion__enlace
{
	
	display: block;
	text-align: center;
	font-size: 1.8rem;
	color: var(--blanco);
	
}