.cardBox{float:left;font-size:1.2em;height:auto;margin:1% 0 0 1%;perspective:800px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:23.7%}.cardBox:hover .card{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.card{-webkit-animation:giro 1s 1;animation:giro 1s 1;background:transparent;cursor:default;height:260px;transform-style:preserve-3d;-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;transition:transform .4s ease 0s;width:100%}.card p{margin-bottom:1.8em}.card .back,.card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;color:#fff;display:block;font-size:1.2em;height:100%;padding:.8em;position:absolute;text-align:left;width:100%}.card .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.card .back a{background:#333;border-radius:1px;color:#fff;font-size:.9em;padding:.3em .5em;text-decoration:none;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s}.card .back a:hover{background:#fff;color:#333;text-shadow:0 0 1px #333}.cardBox:nth-child(2) .card{-webkit-animation:giro 1.5s 1;animation:giro 1.5s 1}.cardBox:nth-child(3) .card{-webkit-animation:giro 2s 1;animation:giro 2s 1}.cardBox:nth-child(4) .card{-webkit-animation:giro 2.5s 1;animation:giro 2.5s 1}body div.back.lazy,body div.front.lazy{background-image:none!important}@-webkit-keyframes giro{0%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg)}}@keyframes giro{0%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg)}}@media screen and (max-width:1198px) and (min-width:641px){.cardBox{margin-left:2.8%;margin-top:3%;width:46%}.card{height:285px}.cardBox:last-child{margin-bottom:3%}.boxesContainer .cardBox:first-of-type,.boxesContainer .cardBox:nth-child(2){margin-top:0}}@media screen and (max-width:640px){.cardBox{width:94.5%!important}.card{height:260px!important}.boxesContainer .cardBox:first-of-type{margin-top:0}}