*{
    margin: 0 auto;
}
body{
    background-image: url("../imagenes/miembros.jpg");
    background-size:100%;
    font-family: sans-serif;
    background-attachment: fixed;
}
/*---CONTENEDOR ---*/

    /* ----- MENU ----- */
    #menu{
        background-color: rgba(175, 130, 46, 0.685) ;
    }

    li:hover{
        background-color: rgba(175, 130, 46, 0.822) ;
        
    }

    /*--- CUERPO ---*/
    #cuerpo{
        width: 80%;
        position: relative;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    }  

.info{
    width:100%;
}
.info>div{
    width: 80%;
    background-color: rgba(240, 248, 255, 0.537);
    padding:2% ;
}

.info img{
    padding: 2%;
}
/*---PIE DE PAGINA---*/
#piePagina{
    background-color: rgba(175, 130, 46, 0.822) ;
}

@media screen and (max-width: 1030px) {
    #cuerpo{
        width: 95%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    } 
}

@media (max-width: 940px){
    #cuerpo{
        width: 90%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    }
}

@media (max-width: 890px){
    #cuerpo{
        width: 100%;
    }
}

@media (max-width: 600px){  
    #cuerpo{
        width: 100%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    }
}