*{
    margin: 0 auto;
}
body{
    background-image: url("../imagenes/albumes.jpg");
    font-family: sans-serif;
    background-image: 100%;
    background-attachment: fixed;
}
/*-----CONTENEDOR-----*/
#contenedor{
    width: 100%;
    position: absolute;
}


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

li:hover{
    background-color: rgba(51, 107, 153, 0.726);
}



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

h1{
    text-align: center;
}
.anio>p{
    font-size: 30px;
    color:white;
}
.album{
    width: 300px;
    height: 300px;
    padding-left:10px;
    padding-bottom: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.album:hover{
    width: 320px;
    height: 320px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: -5px;
    filter: brightness(50%); 
    margin-top: 5px;
    padding-bottom: 5px;
}


/*------PIE DE PAGINA-------*/
#piePagina{
    background-color: rgba(51, 107, 153, 0.726);
}




/* -------------------------------------------------------- */
@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);
    }   
    
    .album{
        width: 270px;
        height: 270px;
    }

    .album:hover{
        width: 280px;
        height: 280px;
    }
}

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

    .album:hover{
        width: 260px;
        height: 260px;
    }

}

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