#freeboxlist {overflow: hidden;text-align: center;}
#freeboxlist >div {width: calc(50% - 35px);display: inline-block;margin: 15px;vertical-align: top;}
#freeboxlist .free .photo { background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; overflow: hidden; transition: all linear 1.5s;}
#freeboxlist .free:hover .photo{-webkit-filter:saturate(0.5);background-size: auto 130%;}
#freeboxlist .free h3 {margin: 15px 0 5px;text-align: center;font-size: 22px;line-height: 120%;color: #2b2929;letter-spacing: 2px;}
#freeboxlist .free p {text-align: center;font-size: 15px;line-height: 160%;color: #545454;}

@media screen and (max-width:640px) {
    #freeboxlist >div{    width: calc(100% - 35px);}
}