*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;

}

body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    
    background: #ffffff;
}
/*--ENCABEZADO--*/
header{
    flex-basis: 13vh;
    display: flex;
    background: #512e04;
}

.logo{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;

}

.logo h3{
    font-family: 'Exo 2', sans-serif;
    font-weight: 900;
    color: #ffb400;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-align: left;
    margin-left: 10px;
    margin-top: 5px;
}

.menu{
    display: flex;
    align-items: center;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    color: white;
    list-style: none;
}

.menu li{
    padding-right: 3rem;
    padding-left: 3rem;

}

.menu a{
    text-decoration: none;
    color: white;
}
.menu a:hover{
    color: #ffb400;
    transition: color 0.5s;
}

/*--PRINCIPAL--*/
main{
    flex-basis: 75vh;
    display: flex;

}

.contenido{
    flex-basis: 55%;
    padding: 0 15% 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contenido h1{
    font-family: 'Exo 2', sans-serif;
    font-size: 4.5rem;
    text-align: left;
    text-transform: uppercase;
}
.titulo1{
    font-weight: 300;
    color: #512e04;
}
.titulo2{
    color: #ffb400;
}

.contenido p{
    color: #8f602c;
}
.boton{
    padding-top: 10px;
}

.boton button{
    background: #8f602c;
    color: white;
    width: 140px;
    border-radius: 20px;
    padding: .5rem 0 .5rem 0;
    font-weight: bold;
    margin: auto;
    display: inline;
    transition: background 0.5s;
    border-color: #8f602c;
}
.boton button:hover{
    background: white;
    color: #8f602c;
    border: solid 2px;
    cursor: pointer;
}

/*--PIE DE PAGINA--*/
footer{
    flex-basis: 12vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-left: 5px;
}

footer p{
    font-size: 1rem;
    color: black;
    font-family: 'Exo 2', sans-serif;
}
/*--IMÁGENES DE FONDO--*/
img{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
}