.flip-box{background-color:transparent;width:100%;height:auto;perspective:1000px}.flip-box-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-back,.flip-box-front{width:100%;height:100%;backface-visibility:hidden}.flip-box-front{z-index:2}.flip-box-back{background-color:#f7fafc;color:#4a5568;transform:rotateY(180deg)}.test h2{color:#004059;font-family:Campton Bold,Sans-serif;font-size:3.5vw;font-weight:100;text-transform:uppercase;line-height:1em}.service{border-radius:100% 100% 0 100%;width:400px;height:400px}@media screen and (min-width:320px) and (max-width:768px){.service{width:400px;height:400px}}@media screen and (max-width:768px){.banner{display:none}.test h2{font-size:10vw;line-height:3rem}}@media screen and (min-width:768px){.mobile-banner{display:none}}@media screen and (min-width:768px) and (max-width:1200px){.service{border-radius:100% 100% 0 100%;width:260px;height:260px}}