@supports(-webkit-touch-callout:none){.card{transition:transform .8s;transform-style:preserve-3d}
}
@media screen and (min-width:1400px){.cards.parbase{height:1065px !important;overflow:hidden}
}
@media screen and (min-width:992px){.cards.parbase{height:750px;overflow:hidden}
}
@media screen and (max-width:767px){.centered{top:15% !important;left:40% !important;width:65% !important;font-size:19px !important}
.clickText{top:26% !important;font-size:16px !important}
.pl0{padding-left:0 !important;padding-right:0 !important}
.desktopText{display:none !important}
.mobileText{display:block !important}
.cards.parbase{height:650px !important;overflow:hidden;transform:translate3d(0,0,0)}
}
.desktopText{display:block}
.mobileText{display:none}
.container{position:relative;text-align:center;color:white}
.centered{position:absolute;text-align:left;top:27%;left:22%;width:35%;font-size:30px;transform:translate(-50%,-50%)}
.pl0{padding-left:0 !important;padding-right:0 !important}
.scene{width:100%;height:510px;margin:0;perspective:600px}
.cards.parbase{overflow:hidden}
.card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform 1.3s}
.card.is-flipped{transform:translateX(-100%) rotateY(-180deg)}
.clickText{font-size:16px;top:41%}
.imageFlip img{position:relative}
.card__face{position:absolute;width:100%;height:100%;color:white;text-align:center;font-weight:bold;font-size:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;perspective:5000;transform-style:preserve-3d}
.card__face--front{height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}
.card__face--back{height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;transform:rotateY(180deg)}