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


/*---CONTENEDOR ---*/
    /* ----- MENU ----- */
    #menu{
        background-color: rgba(153, 51, 73, 0.685);
    }

    #menu li:hover{
        
        background-color: rgba(153, 51, 73, 0.898);
    }
    /*---CUERPO---*/
    #cuerpo{
        width: 80%;
        position: relative;
        background-color: rgba(36, 37, 37, 0.644);
    }  

    #cuerpo>a>img{
        margin-left: 5%;
        margin-top: 2%;
        width: 80%;
    }
    #cuerpo>a>img:hover{
        filter:brightness(40%);
    }

    #cuerpo div{
        width: 100%;
        height: 10%;
        text-align: center;
        font-size: 125%;
        background-color: rgba(163, 167, 167, 0.571);
        margin-top: 1%;
        padding-top: 1%;
    }
    #piePagina{
        background-color: rgba(153, 51, 73, 0.685);
    }
/* -------------------------------------------------------------------------- */
    @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);
        }
    }