.hex-grid{display:flex;justify-content:center}.hex-grid__list{--amount:4;position:relative;padding:1rem 1rem 2em 1em;width:100vw;margin:0;list-style-type:none;display:grid;grid-template-columns:repeat(var(--amount),1fr 2fr) 1fr;grid-gap:.75rem 1.25rem}.hex-grid__item{position:relative;grid-column: 1 / span 3;grid-row: calc(var(--counter) + var(--counter))/span 2;filter:drop-shadow(0 0 10px rgba(68,68,68,.08));height:0;padding-bottom:87%}.hex-grid__content{position:absolute;height:100%;width:100%;font-size:1.125rem;color:#111;-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,25% 100%,0 50%,25% 0);clip-path:polygon(75% 0,100% 50%,75% 100%,25% 100%,0 50%,25% 0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 25%;text-decoration:none;text-align:center;transition:transform .24s ease-out;box-sizing:border-box}@media screen and (min-width:1440px){.hex-grid__list{--amount:5;--counter:1}.hex-grid__item:nth-of-type(5n + 1) {grid-column: 1 / span 3}.hex-grid__item:nth-of-type(5n + 2) {grid-column: 3 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 3) {grid-column: 5 / span 3}.hex-grid__item:nth-of-type(5n + 4) {grid-column: 7 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 5) {grid-column: 9 / span 3}.hex-grid__item:nth-of-type(n + 6) {--counter:2}.hex-grid__item:nth-of-type(n + 11) {--counter:3}.hex-grid__item:nth-of-type(n + 16) {--counter:4}.hex-grid__item:nth-of-type(n + 21) {--counter:5}.hex-grid__item:nth-of-type(n + 26) {--counter:6}.hex-grid__item:nth-of-type(n + 31) {--counter:7}.hex-grid__item:nth-of-type(n + 36) {--counter:8}.hex-grid__item:nth-of-type(n + 41) {--counter:9}.hex-grid__item:nth-of-type(n + 46) {--counter:10}.hex-grid__item:nth-of-type(n + 51) {--counter:11}.hex-grid__item:nth-of-type(n + 56) {--counter:12}.hex-grid__item:nth-of-type(n + 61) {--counter:13}.hex-grid__item:nth-of-type(n + 66) {--counter:14}.hex-grid__item:nth-of-type(n + 71) {--counter:15}.hex-grid__item:nth-of-type(n + 76) {--counter:16}.hex-grid__item:nth-of-type(n + 81) {--counter:17}.hex-grid__item:nth-of-type(n + 86) {--counter:18}.hex-grid__item:nth-of-type(n + 91) {--counter:19}.hex-grid__item:nth-of-type(n + 96) {--counter:20}.hex-grid__item:nth-of-type(n + 101) {--counter:21}}@media screen and (min-width:1120px) and (max-width:1439px){.hex-grid__list{--amount:5;--counter:1}.hex-grid__item:nth-of-type(5n + 1) {grid-column: 1 / span 3}.hex-grid__item:nth-of-type(5n + 2) {grid-column: 3 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 3) {grid-column: 5 / span 3}.hex-grid__item:nth-of-type(5n + 4) {grid-column: 7 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 5) {grid-column: 9 / span 3}.hex-grid__item:nth-of-type(n + 6) {--counter:2}.hex-grid__item:nth-of-type(n + 11) {--counter:3}.hex-grid__item:nth-of-type(n + 16) {--counter:4}.hex-grid__item:nth-of-type(n + 21) {--counter:5}.hex-grid__item:nth-of-type(n + 26) {--counter:6}.hex-grid__item:nth-of-type(n + 31) {--counter:7}.hex-grid__item:nth-of-type(n + 36) {--counter:8}.hex-grid__item:nth-of-type(n + 41) {--counter:9}.hex-grid__item:nth-of-type(n + 46) {--counter:10}.hex-grid__item:nth-of-type(n + 51) {--counter:11}.hex-grid__item:nth-of-type(n + 56) {--counter:12}.hex-grid__item:nth-of-type(n + 61) {--counter:13}.hex-grid__item:nth-of-type(n + 66) {--counter:14}.hex-grid__item:nth-of-type(n + 71) {--counter:15}.hex-grid__item:nth-of-type(n + 76) {--counter:16}.hex-grid__item:nth-of-type(n + 81) {--counter:17}.hex-grid__item:nth-of-type(n + 86) {--counter:18}.hex-grid__item:nth-of-type(n + 91) {--counter:19}.hex-grid__item:nth-of-type(n + 96) {--counter:20}.hex-grid__item:nth-of-type(n + 101) {--counter:21}}@media screen and (min-width:991px) and (max-width:1119px){.hex-grid__list{--amount:5;--counter:1;grid-gap:.5rem 1rem}.hex-grid__item:nth-of-type(5n + 1) {grid-column: 1 / span 3}.hex-grid__item:nth-of-type(5n + 2) {grid-column: 3 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 3) {grid-column: 5 / span 3}.hex-grid__item:nth-of-type(5n + 4) {grid-column: 7 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 5) {grid-column: 9 / span 3}.hex-grid__item:nth-of-type(n + 6) {--counter:2}.hex-grid__item:nth-of-type(n + 11) {--counter:3}.hex-grid__item:nth-of-type(n + 16) {--counter:4}.hex-grid__item:nth-of-type(n + 21) {--counter:5}.hex-grid__item:nth-of-type(n + 26) {--counter:6}.hex-grid__item:nth-of-type(n + 31) {--counter:7}.hex-grid__item:nth-of-type(n + 36) {--counter:8}.hex-grid__item:nth-of-type(n + 41) {--counter:9}.hex-grid__item:nth-of-type(n + 46) {--counter:10}.hex-grid__item:nth-of-type(n + 51) {--counter:11}.hex-grid__item:nth-of-type(n + 56) {--counter:12}.hex-grid__item:nth-of-type(n + 61) {--counter:13}.hex-grid__item:nth-of-type(n + 66) {--counter:14}.hex-grid__item:nth-of-type(n + 71) {--counter:15}.hex-grid__item:nth-of-type(n + 76) {--counter:16}.hex-grid__item:nth-of-type(n + 81) {--counter:17}.hex-grid__item:nth-of-type(n + 86) {--counter:18}.hex-grid__item:nth-of-type(n + 91) {--counter:19}.hex-grid__item:nth-of-type(n + 96) {--counter:20}.hex-grid__item:nth-of-type(n + 101) {--counter:21}}@media screen and (min-width:546px) and (max-width:990px){.hex-grid__list{--amount:5;--counter:1;grid-gap:.5rem 1rem}.hex-grid__item:nth-of-type(5n + 1) {grid-column: 1 / span 3}.hex-grid__item:nth-of-type(5n + 2) {grid-column: 3 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 3) {grid-column: 5 / span 3}.hex-grid__item:nth-of-type(5n + 4) {grid-column: 7 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(5n + 5) {grid-column: 9 / span 3}.hex-grid__item:nth-of-type(n + 6) {--counter:2}.hex-grid__item:nth-of-type(n + 11) {--counter:3}.hex-grid__item:nth-of-type(n + 16) {--counter:4}.hex-grid__item:nth-of-type(n + 21) {--counter:5}.hex-grid__item:nth-of-type(n + 26) {--counter:6}.hex-grid__item:nth-of-type(n + 31) {--counter:7}.hex-grid__item:nth-of-type(n + 36) {--counter:8}.hex-grid__item:nth-of-type(n + 41) {--counter:9}.hex-grid__item:nth-of-type(n + 46) {--counter:10}.hex-grid__item:nth-of-type(n + 51) {--counter:11}.hex-grid__item:nth-of-type(n + 56) {--counter:12}.hex-grid__item:nth-of-type(n + 61) {--counter:13}.hex-grid__item:nth-of-type(n + 66) {--counter:14}.hex-grid__item:nth-of-type(n + 71) {--counter:15}.hex-grid__item:nth-of-type(n + 76) {--counter:16}.hex-grid__item:nth-of-type(n + 81) {--counter:17}.hex-grid__item:nth-of-type(n + 86) {--counter:18}.hex-grid__item:nth-of-type(n + 91) {--counter:19}.hex-grid__item:nth-of-type(n + 96) {--counter:20}.hex-grid__item:nth-of-type(n + 101) {--counter:21}.hex-holder{height:auto}div.hex-grid{width:100%;margin:0;padding:1em 0}}@media screen and (max-width:546px){.hex-grid__list{--amount:3;--counter:1;grid-gap:.5rem 1rem;padding:0 .5em}.hex-grid__item:nth-of-type(3n + 1) {grid-column: 1 / span 3}.hex-grid__item:nth-of-type(3n + 2) {grid-column: 3 / span 3;grid-row: calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid__item:nth-of-type(3n + 3) {grid-column: 5 / span 3}.hex-grid__item:nth-of-type(n + 4) {--counter:2}.hex-grid__item:nth-of-type(n + 7) {--counter:3}.hex-grid__item:nth-of-type(n + 10) {--counter:4}.hex-grid__item:nth-of-type(n + 13) {--counter:5}.hex-grid__item:nth-of-type(n + 16) {--counter:6}.hex-grid__item:nth-of-type(n + 19) {--counter:7}.hex-grid__item:nth-of-type(n + 22) {--counter:8}.hex-grid__item:nth-of-type(n + 25) {--counter:9}.hex-grid__item:nth-of-type(n + 28) {--counter:10}.hex-grid__item:nth-of-type(n + 31) {--counter:11}.hex-grid__item:nth-of-type(n + 34) {--counter:12}.hex-grid__item:nth-of-type(n + 37) {--counter:13}.hex-grid__item:nth-of-type(n + 40) {--counter:14}.hex-grid__item:nth-of-type(n + 43) {--counter:15}.hex-grid__item:nth-of-type(n + 46) {--counter:16}.hex-grid__item:nth-of-type(n + 49) {--counter:17}.hex-grid__item:nth-of-type(n + 52) {--counter:18}.hex-grid__item:nth-of-type(n + 55) {--counter:19}.hex-grid__item:nth-of-type(n + 58) {--counter:20}.hex-grid__item:nth-of-type(n + 61) {--counter:21}.hex-grid__content{height:99%}.hex-container.wide{display:none}div.hex-container.mobile{display:block}.hex-holder{height:auto}div.hex-grid{width:100%;margin:0;padding:1em 0}div.hex-grid__list{padding:5px}}