html{scroll-behavior:smooth}.text{color:#d9c139;font-family:roboto condensed;position:absolute;text-align:center;width:100%;z-index:1000}.hexagon{background-color:#000;bottom:700;height:115.47px;left:0;margin:auto;position:relative;right:0;top:700;width:200px}.hexagon:after,.hexagon:before{background-color:inherit;content:"";height:141.42px;left:27.2893px;position:absolute;-webkit-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg);width:141.42px;z-index:1}.hexagon:before{border-right:2.8284px solid #000;border-top:2.8284px solid #000;top:-70.7107px}.hexagon:after{border-bottom:2.8284px solid #000;border-left:2.8284px solid #000;bottom:-70.7107px}@media only screen and (max-width:500px){.hexagon.one{margin:0 auto}}*{margin:0;padding:0}body{background:#000}#hexGrid{display:flex;flex-wrap:wrap;font-family:roboto condensed;list-style-type:none;margin:0 auto;overflow:hidden;width:60%}.hex{backface-visibility:hidden;outline:1px solid transparent;position:relative;transition:all .5s;visibility:hidden;will-change:transform}.hex:after{content:"";display:block;padding-bottom:86.602%}.hexIn{margin:2%;overflow:hidden;padding-bottom:110.851%;-webkit-transform:rotate(-60deg) skewY(30deg);-ms-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg);transition:all .5s;visibility:hidden;width:96%}.hexIn,.hexIn *{outline:1px solid transparent;position:absolute}.hexIn *{visibility:visible}.hexLink{color:#fff;display:block;height:100%;overflow:hidden;text-align:center;-webkit-transform:skewY(-30deg) rotate(60deg);-ms-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);width:100%}.hex img{height:100%;left:-100%;margin:0 auto;right:-100%;width:auto}.hex h1,.hex p{box-sizing:border-box;font-weight:700;opacity:0;padding:5%;width:100%}#demo1{color:#000;font-size:1.4em;padding-bottom:50%;padding-top:38%;z-index:1}#demo1,#demo2{text-align:center;text-transform:uppercase}#demo2{top:55%}.img{background-position:50%;background-size:cover;-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%);overflow:hidden}.img,.img:after,.img:before{bottom:0;left:0;position:absolute;right:0;top:0}.img:after,.img:before{content:"";opacity:0;transition:opacity .5s}.img:before{background:#d9c139}.img:after{background:linear-gradient(0deg,transparent,transparent,transparent)}.hexLink:focus h1,.hexLink:focus p,.hexLink:hover h1,.hexLink:hover p{opacity:1;transition:.8s}.hexIn:hover .hexLink,.hexIn:hover .img:after,.hexIn:hover .img:before{opacity:1}@media (min-width:1000px){#hexGrid{padding-bottom:8%}.hex{width:33%}.hex:nth-child(9n+4){margin-left:16.5%}}@media (max-width:1000px) and (min-width:901px){#hexGrid{font-size:13px;padding-bottom:5.5%}.hex{width:50%}.hex:nth-child(7n+4){margin-left:25%}}@media (max-width:900px) and (min-width:601px){#hexGrid{font-size:14px;padding-bottom:11%}.hex{width:50%}.hex:nth-child(5n+4){margin-left:16.666%}}@media (max-width:600px){#hexGrid{font-size:12px;padding-bottom:11.2%}.hex{width:50%}.hex:nth-child(3n+3){margin-left:25%}}@media (max-width:400px){#hexGrid{font-size:8px}}