.section{margin-bottom:40px}.section__title{font-family:"Roboto Slab",serif;font-size:40px}.section__content{padding-left:3px}.card{position:relative;float:left;padding-bottom:25%;width:100%;text-align:center;transform-style:preserve-3d;transition:transform 1s;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-o-transform-style:preserve-3d;-o-transition:-o-transform 1s;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform 1s}.card:nth-child(1){margin-left:-3px;margin-right:1px}.card:nth-child(2),.card:nth-child(3){margin-right:1px}.card__front,.card__back{position:absolute;top:0;left:0;width:100%;height:100%}.card__front,.card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.card__front{background-color:#ff5078}.card__back{background-color:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card__text{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:20px;color:#fff;font-family:"Roboto Slab",serif;line-height:20px}.card.effect__hover:hover .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.effect__hover:hover .card__back{-webkit-transform:rotateY(0);transform:rotateY(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card.effect__click.flipped .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.effect__click.flipped .card__back{-webkit-transform:rotateY(0);transform:rotateY(0)}.card.effect__random.flipped .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.effect__random.flipped .card__back{-webkit-transform:rotateY(0);transform:rotateY(0)}