#hexGrid{overflow:hidden;width:90%;margin:0 auto;padding:.866% 0;padding-bottom:10%;font-family:'Raleway',sans-serif;font-size:18px}#hexGrid:after{content:"";display:block;clear:both}.hex{position:relative;list-style-type:none;float:left;overflow:hidden;visibility:hidden;outline:1px solid transparent;transform:rotate(-60deg) skewY(30deg) translatez(-1px)}.hex *{position:absolute;visibility:visible;outline:1px solid transparent}.hexIn{display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;transform:skewY(-30deg) rotate(60deg)}.hex img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto}.hex h1,.hex p{margin:0;width:102%;left:-1%;padding:5%;box-sizing:border-box;background-color:rgba(157,41,51,.8);font-weight:300;transition:transform .2s ease-out,opacity .3s ease-out}.hex h1{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;transform:translateY(-100%) translatez(-1px)}.hex h1:after{content:'';position:absolute;bottom:0;left:45%;width:10%;text-align:center;border-bottom:1px solid #fff}.hex p{top:50%;padding-bottom:50%;transform:translateY(100%) translatez(-1px)}.hexIn:hover h1,.hexIn:focus h1,.hexIn:hover p,.hexIn:focus p{transform:translateY(0%) translatez(-1px)}@media (min-width:1201px){.hex{width:32.666%;padding-bottom:37.72%}.hex:nth-child(5n+1),.hex:nth-child(5n+2){transform:translateX(50%) rotate(-60deg) skewY(30deg)}.hex:nth-child(5n+3),.hex:nth-child(5n+4),.hex:nth-child(5n+5){margin-top:-8.564%;margin-bottom:-8.564%}.hex:nth-child(5n+2),.hex:nth-child(5n+4){margin-right:1%;margin-left:1%}.hex:nth-child(5n+1){margin-left:.5%}.hex:nth-child(5n+3),.hex:nth-child(5n+6){clear:left}}@media (max-width:1200px){.hex{width:49.5%;padding-bottom:57.158%}.hex:nth-child(3n+1){transform:translateX(50%) rotate(-60deg) skewY(30deg)}.hex:nth-child(3n+2),.hex:nth-child(3n+3){margin-top:-13.423%;margin-bottom:-13.423%}.hex:nth-child(3n+1){margin-left:.5%}.hex:nth-child(3n+3){margin-left:1%}.hex:nth-child(3n+2),.hex:nth-child(3n+4){clear:left}}@media (max-width:400px){#hexGrid{font-size:13px}}#fork{font-family:'Raleway',sans-serif;position:fixed;top:0;left:0;color:#000;text-decoration:none;border:1px solid #000;padding:.5em .7em;margin:1%;transition:color .5s;overflow:hidden}#fork:before{content:'';position:absolute;top:0;left:0;width:130%;height:100%;background:#000;z-index:-1;transform-origin:0 0;transform:translateX(-100%) skewX(-45deg);transition:transform .5s}#fork:hover{color:#fff}#fork:hover:before{transform:translateX(0) skewX(-45deg)}