
*{
    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);
    }  
    .concepto{
        width: 90%;
        padding-left: 5%;
        font-size: 100px;
    }
    .concepto>p{
        text-align: center;
        font-weight: bold;
    }
    .concepto img{
        width: 500px;
        height: 700px;
    }

/*---PIE PAGINA---*/
#piePagina{
    background-color: rgba(153, 51, 73, 0.898);
}


/*------------------------------------------------------------------------------------*/
@media screen and (max-width: 1030px) {
    #cuerpo{
        width: 95%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    } 

    .concepto img{
        width: 400px;
        height: 500px;
    }
}

@media (max-width: 940px){
    #cuerpo{
        width: 90%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    }   
    .concepto img{
        width: 300px;
        height: 400px;
    }

}

@media (max-width: 890px){
    #cuerpo{
        width: 100%;
    }
    
    .concepto img{
        width: 300px;
        height: 400px;
    }
}

@media (max-width: 600px){  
    #cuerpo{
        width: 100%;
        background-color: rgba(36, 37, 37, 0.644);
        color: rgb(15, 12, 12);
    }
    .concepto{
        width: 90%;
        padding-left: 5%;
        font-size: 80px;
    }
    
}
   