.flipping-boxes-container{display:flex;flex-wrap:wrap;justify-content:center}.flipping-boxes-container>div{width:calc((100% / 2.8) - 24px);margin:12px 12px 0px 12px;text-align:center}.flipping-boxes-container .flipper .front{padding:18px;color:#fff;background:#3c2878;border:1px solid #3c2878;display:flex;flex-direction:column;justify-content:space-between}.flipping-boxes-container .flipper .back{padding:18px;color:#3c2878;background:#fff;border:1px solid #ddd}.flipping-boxes-container .flipper .back img{width:40%;height:auto;max-width:120px;display:block;margin:12px auto}.flipping-boxes-container .flipper .front p{margin:0;padding:0}.flip-container{perspective:1000px;transform-style:preserve-3d}.flip-container:hover .back{transform:rotateY(0)}.flip-container:hover .front{transform:rotateY(180deg)}.flip-container,.front,.back{width:100%;height:380px}.flipper{transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.6s;transform-style:preserve-3d;position:absolute;top:0;left:0}.front{background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;transform:rotateY(0)}.back{transform:rotateY(-180deg)}.flipper a,.flipper a:link,.flipper a:active,.flipper a:visited{border-bottom:2px solid #03bde6}.flipper a:hover{color:#3c2878}@media(max-width:899px){.flipping-boxes-container{flex-direction:column;align-items:center}.flipping-boxes-container>div{width:80%;max-width:400px;text-align:center}}