.honeycomb-one .container-hex{display:grid;grid-template-columns:repeat(10,100px);grid-column-gap:5px;width:1040px;position:relative;margin:100px auto}.honeycomb-one .item-wrapper{grid-column:span 2;width:200px;margin-top:-50px;overflow:hidden}.honeycomb-one .item{width:100%;padding:0 0 231px;transform:rotate(-60deg) skewY(30deg);overflow:hidden;visibility:visible;transition:transform .6s ease,filter .5s ease}.honeycomb-one .container-hex:hover .hexagon{filter:grayscale(100%)}.honeycomb-one .container-hex .hexagon:hover{transform:skewY(-30deg) rotate(60deg) scale(1.1);filter:grayscale(0);z-index:1}.honeycomb-one .hexagon{position:absolute;top:0;left:0;width:100%;height:100%;transform:skewY(-30deg) rotate(60deg);overflow:hidden;transition:transform .6s ease,filter .5s ease}.honeycomb-one .item-wrapper:nth-child(9n+1){grid-column-start:1}.honeycomb-one .item-wrapper:nth-child(9n+2){grid-column-start:3}.honeycomb-one .item-wrapper:nth-child(9n+3){grid-column-start:5}.honeycomb-one .item-wrapper:nth-child(9n+4){grid-column-start:7}.honeycomb-one .item-wrapper:nth-child(9n+5){grid-column-start:9}.honeycomb-one .item-wrapper:nth-child(9n+6){grid-column-start:2}.honeycomb-one .item-wrapper:nth-child(9n+7){grid-column-start:4}.honeycomb-one .item-wrapper:nth-child(9n+8){grid-column-start:6}.honeycomb-one .item-wrapper:nth-child(9n){grid-column-start:8}.honeycomb-one .item *{visibility:visible}@media(max-width:1100px){.honeycomb-one .container-hex{grid-template-columns:repeat(8,100px);width:630px}.honeycomb-one .item-wrapper{width:200px}.honeycomb-one .item-wrapper:nth-child(5n+1){grid-column-start:1}.honeycomb-one .item-wrapper:nth-child(5n+2){grid-column-start:3}.honeycomb-one .item-wrapper:nth-child(5n+3){grid-column-start:5}.honeycomb-one .item-wrapper:nth-child(5n+4){grid-column-start:2}.honeycomb-one .item-wrapper:nth-child(5n){grid-column-start:4}}@media(max-width:850px){.honeycomb-one .container-hex{grid-template-columns:repeat(6,80px);width:496px}.honeycomb-one .item-wrapper{width:160px}.honeycomb-one .item{width:100%;padding:0 0 185px;margin-top:10px}}@media(max-width:720px){.honeycomb-one .container-hex{grid-template-columns:repeat(4,70px);width:290px}.honeycomb-one .item-wrapper{width:140px}.honeycomb-one .item{width:100%;padding:0 0 162px;margin-top:15px}.honeycomb-one .item-wrapper:nth-child(3n+1){grid-column-start:1}.honeycomb-one .item-wrapper:nth-child(3n+2){grid-column-start:3}.honeycomb-one .item-wrapper:nth-child(3n){grid-column-start:2}}@media(max-width:480px){.honeycomb-one .container-hex{grid-template-columns:repeat(4,45px);width:190px;margin-top:50px;grid-column-gap:2px}.honeycomb-one .item-wrapper{width:90px}.honeycomb-one .item{width:100%;padding:0 0 104px;margin-top:28px}.honeycomb-one .item-wrapper:nth-child(3n+1){grid-column-start:1}.honeycomb-one .item-wrapper:nth-child(3n+2){grid-column-start:3}.honeycomb-one .item-wrapper:nth-child(3n){grid-column-start:2}}