@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    font-family: 'Roboto', sans-serif;
    margin: auto;
    width: 100%;
}

section{
    background-image: url(../imagenes/cabanas-huasca-los-agaves.jpg);
    width: 98%;
    margin: auto;
    margin-top: 5px;
    height: 73vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right 55%;
    box-shadow: 2px 2px 2px black;

}
footer{
    background-color: rgba(195, 178, 241, 0.8);

    width: 98%;
    margin: auto;
    margin-top: 5px;
    height: 10vh;
    display: flex;
    box-shadow: 2px 2px 2px black;
    
}
footer .direction{

    text-align: center;
    width: 100%;
    margin: auto;
    
}

   /*-----------------738----------------------------------*/
   @media (min-width: 738px){
    section{
        background-image: url(../imagenes/cabanas-huasca-los-agaves.jpg);
        width: 98%;
        margin: auto;
        margin-top: 5px;
        height: 73vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .header-header-logo img{
        width:60%;
    }
}