@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:350px;margin-right:20px;perspective:600px;transform-style:preserve-3d;transition:.5s;width:350px}.card:hover .card-front{transform:rotateX(-180deg)}.card:hover .card-back{transform:rotateX(0deg)}.card-1 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Green%20Formoa%20Front.jpg)}.card-1 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Green%20Formoa%20Back.jpg)}.card-2 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Yellow%20Formoa%20Front.jpg)}.card-2 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Yellow%20Formoa%20Back.jpg)}.card-3 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Blue%20Formoa%20Front.jpg)}.card-3 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Blue%20Formoa%20Back.jpg)}.card-4 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Red%20Formoa%20Front.jpg)}.card-4 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Red%20Formoa%20Back.jpg)}.card-5 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Checkered%20Formoa%20Front.jpg)}.card-5 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Coloured%20Formoa%20Back.jpg)}.card-6 .card-front{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Orange%20Formoa%20Front.jpg)}.card-6 .card-back{background-image:url(https://2714415.fs1.hubspotusercontent-na1.net/hubfs/2714415/Orange%20Formoa%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{margin-bottom:20px}}