.card{flex:1 0 31%;margin:0 1.16% 2.33%;perspective:1000px;transition:all 1s}.card.cta-card{flex:1 0 64%}.card.half-card{flex:1 0 47%}.card__inner{transform-style:preserve-3d}.card .back,.card.card--flipped,.card.card--flipper .card__inner{transform:rotateY(180deg)}.card.card--flipped .back{opacity:1;z-index:30}@media only screen and (max-width:1023px){.card,.card.cta-card,.card.half-card{flex:1 0 47%;margin:0 1.16% 2.33%}}@media only screen and (max-width:767px){.card,.card.cta-card,.card.half-card{flex:1 0 100%;margin:0 0 2rem}}