@import 'https://fonts.googleapis.com/css?family=Open+Sans|Roboto:300';*{box-sizing:border-box}.containerprof{perspective:800px;color:#fff;font-family:'Open Sans', sans-serif;text-transform:uppercase;letter-spacing:4px;top:50%;left:50%}.cardprof{width:700px;height:400px;background:#141414;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);transform-style:preserve-3d;transition:0.6s}.sideprof{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotate(0deg) translateZ(1px)}.containerprof:hover .cardprof,.backprof{transform:rotateY(-180deg) translateZ(1px)}.frontprof{line-height:390px;text-align:center}.logoprof{outline:1px solid #19F6E8;display:inline-block;padding:15px 40px;text-transform:uppercase;font-family:'Roboto', sans-serif;font-size:1.4em;font-weight:normal;line-height:32px;letter-spacing:8px}.backprof{background:#15CCC0;padding:30px}.nameprof{color:#3B3B3B;margin-bottom:0}.infoprof{position:absolute;bottom:30px;left:30px;color:#3b3b3b}.propertyprof{color:#fff}@media (max-width:700px){.cardprof{transform:scale(0.5)}.containerprof:hover .cardprof{transform:scale(0.5) rotateY(-180deg) translateZ(1px)}}