.offers{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 10px;padding:0 10px;box-sizing:border-box;width:1920px;max-width:100%;margin:0 auto;}
.offers>a{display:block;position:relative;overflow:hidden;border-radius:6px;}
.offers>a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.4);z-index:1;transition:all 0.5s ease-out 0s;opacity:0;}
.offers>a:hover:after{opacity:1;}
.offers>a img{max-width:100%;height:auto;border-radius:6px;transition: all 0.5s ease-out 0s}
.offers>a:hover img{transform: scale(1.1)}
.offers>a .title{position:absolute;left:50%;top:150%;transform:translate(-50%,-50%);color:#FFFFFF;font-size:22px;font-weight:400;padding:15px 35px;box-sizing:border-box;border:3px solid #FFFFFF;z-index:2;transition:all 0.5s ease-out 0s;}
.offers>a:hover .title{top:50%;}
.footOffers{text-align:center;margin:50px 0 40px;}

@media screen and (max-width:1200px){
.offers>a .title{font-size: 18px}
}
@media screen and (max-width:800px){
.offers{grid-template-columns:1fr}
}