#hexGrid{display:flex;flex-wrap:wrap;width:100%;margin:0 -20px;overflow:hidden;font-family:sans-serif;list-style-type:none;padding-top:50px}.hex{position:relative;visibility:hidden;outline:1px solid transparent;transition:all .5s;backface-visibility:hidden;will-change:transform;transition:all .5s;margin-top:-17px}.hex::after{content:'';display:block;padding-bottom:86.602%}.hexIn{position:absolute;width:100%;padding-bottom:110.851%;margin:0%;overflow:hidden;visibility:hidden;outline:1px solid transparent;-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);transition:all .5s}.hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.hexLink{display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-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}.img-border{-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);top:8px;bottom:8px;left:8px;right:8px}.hex h1,.hex p{width:100%;padding:5%;box-sizing:border-box;font-weight:300;opacity:0}#demo1{color:#f5ce95;text-transform:capitalize;text-align:center;bottom:50%;padding-top:50%;font-size:1.5em;z-index:1}.Hax-Title{color:#f5ce95;text-transform:capitalize;text-align:center;bottom:50%;padding-top:50%;font-size:1.5em;z-index:1}#demo2{top:50%;text-align:center;text-transform:uppercase}.Hax-Info{top:50%;text-align:center;text-transform:uppercase}.img{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background-position:center center;background-size:cover;overflow:hidden;-webkit-clip-path:polygon(50% 0%,100% 26%,100% 75%,50% 100%,0% 74%,0% 25%);clip-path:polygon(50% 0%,100% 26%,100% 75%,50% 100%,0% 74%,0% 25%);background-color:#fff}.img:before,.img:after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;transition:opacity .5s}.img:before{background:rgba(22,103,137,.3)}.img:after{background:linear-gradient(to top,transparent,rgba(0,0,0,.5),transparent)}.hexLink:hover h1,.hexLink:focus h1,.hexLink:hover p,.hexLink:focus p{opacity:1;transition:.8s}.hexIn:hover .img:before,.hexIn:hover .img:after,.hexIn:hover .hexLink{opacity:1}@media(min-width:1201px){#hexGrid{padding-bottom:10.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%;font-size:13px}.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%;font-size:14px}.hex{width:33.333%}.hex:nth-child(5n+4){margin-left:16.666%}}@media(max-width:600px){#hexGrid{padding-bottom:11.2%;font-size:12px}.hex{width:50%}.hex:nth-child(3n+3){margin-left:25%}}@media(max-width:400px){#hexGrid{font-size:8px}}#Loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background:linear-gradient(to bottom,#f5d10d 0%,#000 100%);background-position:center center;background-repeat:no-repeat}