.folder-cont{
    width: 171px;
    margin-right: 75px;
    display: block;
    float: left;
    height: 230px;
    margin-bottom: 25px;
}
.folder{
    width: 171px; /* 171 */
    height: 153px; /* 153 */ 
    background: no-repeat center;
    background-image: url("../img/pasta.gif");
    display: block;
}

.folder span{
    margin: 35px 35px 17px 35px;
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    background: no-repeat center;
    background-size: contain;
    
}
.folder-cont p{
    display: block;
    color: #016644;
    text-align: center;
    margin-top: 10px;
}

.folder:hover span{
    margin: 30px 35px 22px 35px;
}


@media screen and (max-width: 640px) {
    
.folder-cont{
    width: 100px;
    margin-right: 25px;
    height: 150px;
    margin-bottom: 25px;
}    

    .folder{
    width: 100px; /* 171 */
    height: 90px; /* 153 */ 
        background-size: 100px 90px;
}
    
.folder span{
    margin: 20px 21px 11px 21px;
    width: 58px;
    height: 58px;
    display: block;
    float: left;
    background: no-repeat center;
    background-size: contain;
    
}    
 .folder-cont p{
     font-size: 11px;
    margin-top: 7px;
} 
    .folder:hover span{
    margin: 15px 21px 16px 21px;
}

}