.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000px;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container:hover .back,.flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container:hover .front,.flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container,.front,.back{width:100%;height:260px}.flipper{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-ms-transition:.6s;-moz-transition:.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0}.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);background:#f7f7f7;z-index:2}.back{background:#00a8ff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.front .name{font-size:2em;display:inline-block;background:rgba(0,0,0,0.5);color:#000;font:400 16px/24px 'Fredericka the Great',cursive;padding:5px 10px;border-radius:5px;bottom:60px;left:25%;position:absolute;text-shadow:.1em .1em .05em #333;display:none;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}.front h2{text-align:center;padding:5px 20px;font:900 14px/18px 'Open Sans',sans-serif;color:#000;background:#f7f7f7}.back-title h2{font-weight:700;color:#fff;position:absolute;top:10px;left:0;right:0;text-align:center;/*text-shadow:.1em .1em .05em rgba(0,0,0,0.3);*/font:600 18px/24px 'Fredericka the Great',cursive; padding:0 20px}.back p{position:absolute;top:80px;left:0;right:0;text-align:center;padding:0 20px;font:400 14px/18px 'open sans',sans-serif;color:#fff}.back .btn-flip{position:absolute;bottom:20px;left:calc(50% - 70px);right:0;text-align:center;max-width:140px;padding:10px 0;background:#fff;color:#fff;font:900 14px/18px 'Open Sans',sans-serif;text-transform:uppercase;border:0;border-radius:0}