@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,700");body{background-color:transparent;font-family:Josefin Sans,sans-serif;margin:0;padding:0}a{color:#fff;text-decoration:none}.card-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.card{height:480px;margin-right:20px;perspective:600px;transform-style:preserve-3d;transition:.5s;width:320px}.card:hover .card-front{transform:rotateX(-180deg)}.card:hover .card-back{transform:rotateX(0deg)}.card-1 .card-front{background-image:url(/hubfs/2714415/1%20front-1.jpg)}.card-1 .card-back{background-image:url(/hubfs/2714415/New%20Website/1%20back.jpg)}.card-2 .card-front{background-image:url(/hubfs/2714415/New%20Website/2.jpg)}.card-2 .card-back{background-image:url(/hubfs/2714415/New%20Website/2%20back.jpg)}.card-3 .card-front{background-image:url(/hubfs/2714415/New%20Website/3.jpg)}.card-3 .card-back{background-image:url(/hubfs/2714415/New%20Website/3%20back.jpg)}.card-front{background-color:#000;transform:rotateX(0deg)}.card-back,.card-front{backface-visibility:hidden;background-position:50% 50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%}.card-back{color:#fff;text-align:center;transform:rotateX(180deg)}.card-back h2{font-size:26px;margin:60% auto 35%}.card-back span{font-size:20px}.card-back a{border-radius:4px;height:20px;line-height:20px;padding:5px;width:20px}.card-back a:hover{background-color:#fff;color:#000}@media only screen and (max-width:767px){.card-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.card-back,.card:hover .card-back,.card:hover .card-front{transform:none}.card{margin-bottom:20px;transition:.5s ease-in-out}.card .card-back,.card.back-visible .card-front{opacity:0}.card.back-visible .card-back{opacity:1}.card-back,.card-front{transition:opacity .5s ease-in-out}}