@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700,800");@import url("https://fonts.googleapis.com/css?family=Raleway:400,700,300,200,100,900");@import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700");.hex-grid-container{overflow:hidden;width:90%;margin:0 auto;font-family:Open Sans,sans-serif;background:transparent}.clr:after{content:"";display:block;clear:both}.hex-grid-container li{position:relative;list-style-type:none;width:27.85714%;padding-bottom:32.1676%;float:left;overflow:hidden;visibility:hidden;transform:rotate(-60deg) skewY(30deg)}.hex-grid-container li:nth-child(3n+2){margin:0 1%}.hex-grid-container li:nth-child(6n+4){margin-left:.5%}.hex-grid-container li:nth-child(6n+4),.hex-grid-container li:nth-child(6n+5),.hex-grid-container li:nth-child(6n+6){margin-top:-6.92857%;margin-bottom:-6.92857%;transform:translateX(50%) rotate(-60deg) skewY(30deg)}.hex-grid-container li:nth-child(6n+4):last-child,.hex-grid-container li:nth-child(6n+5):last-child,.hex-grid-container li:nth-child(6n+6):last-child{margin-bottom:0}.hex-grid-container li *{position:absolute;visibility:visible}.hex-grid-container li>div{width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;transform:skewY(-30deg) rotate(60deg);backface-visibility:hidden}.image{object-fit:cover;z-index:-1}.hex-grid-container div h1{width:90%;background-color:rgba(143,113,95,.8);font-family:Raleway,sans-serif;bottom:110%;font-style:italic;font-weight:400;font-size:1.5em;padding:100% 5%;transition:top .2s ease-out,bottom .2s ease-out,padding .2s ease-out}.hex-grid-container div h1:after{content:"";display:block;position:absolute;bottom:-1px;left:45%;width:10%;border-bottom:2px solid #fff}.hex-grid-container li div:hover h1{bottom:50%;padding-bottom:10%}