@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
main{
    margin-top: 60px;
}
main h1{
    font-size: 39px;
    text-align: center;
    font-weight: 600;
}
section{

    font-weight: 400;

    width: 98%;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
}
.section-img{

    width: 90%;
    margin: auto;
    padding: 5px;
}
.section-descripcion{

    text-align: justify;
    width: 98%;
    margin: 8px auto 0px;
    padding: 10px;
    display: flex;
    align-items: center;
}

.section-img img{
    width: 100%;
}

.section-galeria{
   width: 98%;
   margin: auto;
}
.section-section-title h2{
    text-align: center;
    margin: 8px 0px;
}
.section-body{
    width: 98%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section-section{
    width: 98%;
    margin: auto;
}
.section-section-descripcion{
    width: 98%;
    text-align: justify;
    padding: 8px;
}
.section-section-galeria{
    width: 98%;
    margin: 8px auto;

}

.section-ubicacion{
    width: 98%;
    margin: 10px auto 0px;
}
.section-ubicacion-title h2{
    text-align: center;
    margin: 10px;
}
.section-ubicacion-body{
    width: 100%;
    margin: auto;
}
.section-ubicacion-section{
    text-align: justify;
    max-width: 600px;
    margin: 10px auto;
}
.section-ubicacion-section-mapa{
    width: 100%;
    max-width: 600px;
    margin: auto;
}

/*-----------------500----------------------------------*/
@media (min-width: 500px) {
    .section-img{
        text-align: center;
    }
    .section-img img{
        width: 80%;
    }
    .section-descripcion{
        padding: 20px;
    
    }
   
    }

    /*-----------------600----------------------------------*/
@media (min-width: 600px) {
  
    section, .section-galeria{
        width: 80%;
    }
    }

       /*-----------------6760----------------------------------*/
@media (min-width: 760px) {
  
    }
        /*-----------------800----------------------------------*/
@media (min-width: 800px) {
    section, .section-galeria{
        width: 98%;
        flex-direction: row;
    }
    .reverse{
        flex-direction: column;
    }
    .reverse .section-img{
        width: 60%;
    }
    .reverse .section-descripcion{
        width: 80%;
    }
    .section-img, .section-descripcion{
        width: 49%;
        
    }
    .section-img img{
        width: 98%;
    }
    .section-body{
        display: flex;
        flex-direction: row;
    }
    .section-section{
        width: 48%;
    }
   
    }
      /*-----------------1000----------------------------------*/
@media (min-width: 1000px) {
    .section-img, .section-descripcion{
        width: 45%;
        
    }
    .reverse .section-img{
        width: 50%;
    }
    .reverse .section-descripcion{
        width: 80%;
    }
    }
     /*-----------------1100----------------------------------*/
@media (min-width: 1100px) {
    section{
        width: 90%;
        max-width: 1150px;
    }
    .section-img{
        width: 40%;
    }
   
    }