@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;

    background-image: url(../imagenes/museo-de-los-duendes-restaurant-tematico.jpg);
    width: 100%;
    margin: auto;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 55% center;

}
.section-fondo-backgraund-color{
    border-radius: 15px;
    background-color: rgb(255, 255, 255, 0.6);
    width: 98%;
    margin: auto;
    padding-top: 60px;
     
    }
main{
    text-align: center;
    width: 98%;
    margin: 30px auto 0px;
}
section{
    width: 98%;
    margin: auto;
}
.sliderfullhd{
    width: 98%;
    max-width: 700px;
    margin: 0px auto 20px;
}

.sliderfull{
    width: 98%;
    max-width: 900px;
    margin:  auto;
}
.sliderfull img{
    width: 100%;
}
article{
    width: 98%;
    margin: auto;
}
.article-descripcion{
    text-align: justify;
    width: 90%;
    margin: 30px auto;
}
.article-section{
    text-align: center;
    width: 98;
    max-width: 900px;
    margin: 30px auto;
}

/*-----------------600----------------------------------*/
@media (min-width: 600px) {
    .section-fondo-backgraund-color{
        width: 90%;
        margin-top: 50px;
        padding-top: 5px;
    }
  }
  /*-----------------900----------------------------------*/
@media (min-width: 900px) {
.article-descripcion{
    width: 80%;
}
  
  }