@media (min-width:1024px){:root{--hex-height:150px}}@media (max-width:1024px){:root{--hex-height:100px}}*,:after,:before{box-sizing:border-box}.flip-container{perspective:1000px;background:transparent;height:calc(var(--hex-height) * 2.2);display:flex;justify-content:center;align-items:center}.flip-container.hover .flipper,.flip-container:hover .flipper{transform:rotateY(180deg)}.back,.flip-container,.front{width:calc(var(--hex-height) * 1.73205);height:var(--hex-height)}.flipper{transition:transform .6s;transform-style:preserve-3d;position:relative;transform-origin:center}.back,.flipper,.front{width:100%;height:100%}.back,.front{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg) scale(1.0001)}.hexagon{position:relative;width:calc(var(--hex-height) * 1.74805);height:var(--hex-height);border-left:2px solid var(--sg-pink);border-right:2px solid var(--sg-pink);display:inline-block;z-index:1}.hexagon .hexBottom,.hexagon .hexTop{position:absolute;z-index:1;width:calc(var(--hex-height) * 1.23);height:calc(var(--hex-height) * 1.23);overflow:hidden;transform:scaleY(.5774) rotate(-45deg);background:inherit;left:calc(var(--hex-height) * .25)}.hexagon .hexBottom:after,.hexagon .hexTop:after{content:"";position:absolute;width:calc(var(--hex-height) * 1.73205);height:calc(var(--hex-height) * .99);transform:rotate(45deg) scaleY(1.7321) translateY(calc(var(--hex-height) * -.5));transform-origin:0 0;background:inherit}.hexagon .hexTop{top:calc(var(--hex-height) * -.62);border-top:2px solid var(--sg-pink);border-right:2px solid var(--sg-pink)}.hexagon .hexTop:after{background-position:top}.hexagon .hexBottom{bottom:calc(var(--hex-height) * -.62);border-bottom:2px solid var(--sg-pink);border-left:2px solid var(--sg-pink)}.hexagon .hexBottom:after{background-position:bottom}.hexagon:after{content:"";position:absolute;top:calc(var(--hex-height) * .005);left:0;width:calc(var(--hex-height) * 1.73205);height:calc(var(--hex-height) * .99);z-index:2;background:inherit}@media (min-width:1024px){.hexContent{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);z-index:3;width:100%;text-align:center}}@media (max-width:1024px){.hexContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:3;width:100%;text-align:center}}.hexLogo{width:15%;margin:0 auto}.hexLogo img{width:100%;display:block;margin:0 auto}.hexText{color:#fff;margin-top:.5rem}.hexagon-overlay{position:absolute;width:calc(var(--hex-height) * 1.73205);height:var(--hex-height);background-color:var(--sg-pink);background-size:auto calc(var(--hex-height) * 1.9);background-position:50%;opacity:1;z-index:3;top:0;left:0}.hexagon-overlay .hexBottom,.hexagon-overlay .hexTop{position:absolute;z-index:1;width:calc(var(--hex-height) * 1.23);height:calc(var(--hex-height) * 1.23);overflow:hidden;transform:scaleY(.5774) rotate(-45deg);background:inherit;left:calc(var(--hex-height) * .25)}.hexagon-overlay .hexBottom:after,.hexagon-overlay .hexTop:after{content:"";position:absolute;width:calc(var(--hex-height) * 1.73205);height:calc(var(--hex-height) * .99);transform:rotate(45deg) scaleY(1.7321) translateY(calc(var(--hex-height) * -.5));transform-origin:0 0;background:inherit}.hexagon-overlay .hexTop{top:calc(var(--hex-height) * -.62)}.hexagon-overlay .hexBottom{bottom:calc(var(--hex-height) * -.62)}.hexagon-overlay .hexTop:after{background-position:top}.hexagon-overlay .hexBottom:after{background-position:bottom}.hexagon-overlay .hexagon:after{content:"";position:absolute;top:calc(var(--hex-height) * .03);left:0;width:calc(var(--hex-height) * 1.73205);height:calc(var(--hex-height) * .99);z-index:2;background:inherit}