#resources-tile-grid{display:flex;flex-wrap:wrap;justify-content:center;padding-top:80px}.tile-link-four{margin:20px;width:30%}.tile-link-five,.tile-link-six{margin:15px;width:30%}.tile-link-seven{margin:5px;width:22%}.tile-link-seven .single-tile-wrapper{padding:50px 70px}.tile-link-seven .tile-title{width:80%}.mask{background-color:rgba(0,0,0,.2);filter:alpha(opacity=0);height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;-ms-transition-timing-function:ease;transition-timing-function:ease;width:100%}.single-tile-wrapper{background-color:#638f38;padding:20px 70px;position:relative}.single-tile-wrapper:hover .mask{filter:alpha(opacity=100);opacity:1}.tile-title{color:#fff;font-size:28px;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:fit-content}@media (max-width:1073px){.tile-title{font-size:30px}}@media (max-width:929px){.tile-link{width:40%}}@media (max-width:767px){.tile-link{width:50%}}@media (max-width:600px){.tile-link{width:80%}}@media (max-width:390px){.tile-title{font-size:26px}}