.hex,.hexIn{visibility:hidden;outline:transparent solid 1px}.hex,.hexIn,.hexIn *{outline:transparent solid 1px}#hexGrid,.hexIn,.hexLink{overflow:hidden}.hex h1::after,.hex::after{content:''}#hexGrid{padding:0;display:flex;flex-wrap:wrap;width:90%;margin:0 auto;font-family:Raleway,sans-serif;font-size:15px;list-style-type:none}.hex{margin:0;padding:0;position:relative}.hex h1::after,.hexIn,.hexIn *{position:absolute}.hex::after{margin:0;padding:0 0 86.602%;display:block}.hexIn{padding:0 0 110.851%;width:96%;margin:0 2%;-webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg);-ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg);transform:rotate3d(0,0,1,-60deg) skewY(30deg)}.hexIn *,.hexLink{margin:0;padding:0}.hexIn *{visibility:visible}.hexLink{display:block;width:100%;height:100%;text-align:center;color:#fff!important;-webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);-ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);transform:skewY(-30deg) rotate3d(0,0,1,60deg)}.hex img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;-webkit-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.hex h1,.hex p{width:100%;padding:10%;box-sizing:border-box;background-color:rgba(0,128,128,.8);font-weight:300;-webkit-transition:-webkit-transform .2s ease-out,opacity .3s ease-out;transition:transform .2s ease-out,opacity .3s ease-out}.hex h1{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hex h1::after{bottom:0;left:45%;width:10%;text-align:center;border-bottom:1px solid #fff}.hex p{top:50%;padding-bottom:50%;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hexLink:focus h1,.hexLink:focus p,.hexLink:hover h1,.hexLink:hover p{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (min-width:1201px){#hexGrid{padding-bottom:4.4%}.hex{width:20%}.hex:nth-child(9n+6){margin-left:10%}}@media (max-width:1200px) and (min-width:901px){#hexGrid{padding-bottom:5.5%}.hex{width:25%}.hex:nth-child(7n+5){margin-left:12.5%}}@media (max-width:900px) and (min-width:601px){#hexGrid{padding-bottom:7.4%}.hex{width:33.333%}.hex:nth-child(5n+4){margin-left:16.666%}}@media (max-width:600px){#hexGrid{padding-bottom:11.2%}.hex{width:50%}.hex:nth-child(3n+3){margin-left:25%}}@media (max-width:400px){#hexGrid{font-size:13px}}