*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0;border:none;font-family:Lato,sans-serif}body{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-size:cover;background-repeat:no-repeat;background-position:50%}.background-overlay{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.items{position:relative;width:100%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:50px;color:#fff}.items a,.items a:active,.items a:focus,.items a:hover,.items a:visited{text-decoration:none;color:inherit}@media (max-width:991px){.items{padding:35px}}@media (max-width:767px){.items{padding:25px}}.items__item{display:block;width:31%;margin:1%;text-align:center}@media (max-width:991px){.items__item{width:40%;margin:5%}}@media (max-width:599px){.items__item{width:100%;margin-left:0;margin-right:0}}.items__item__image{position:relative;margin-bottom:10px}.items__item__image img{display:block;width:100%;border:none}.items__item__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,.3);-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.items__item__image:hover:before{background-color:transparent}.items__item__image__text{position:absolute;top:50%;right:50%;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;padding-top:10px;padding-bottom:10px;overflow:hidden;background-color:rgba(0,0,0,.8);letter-spacing:0;-webkit-transition:left .3s,right .3s;-o-transition:left .3s,right .3s;transition:left .3s,right .3s}@media (max-width:599px){.items__item__image__text{padding-top:5px;padding-bottom:5px;font-size:20px}}.items__item__image__text:after,.items__item__image__text:before{content:""}.items__item__image__text:before{margin-left:-1000px}.items__item__image__text:after{margin-right:-1000px}.items__item__image:hover .items__item__image__text{right:0;left:0}.items__item__title{margin:0;font-size:23px}@media (max-width:991px){.items__item__title{font-size:21px}}@media (max-width:767px){.items__item__title{font-size:18px}}@media (max-width:599px){.items__item__title{font-size:23px}}