.border-box{box-sizing:border-box;-moz-box-sizing:border-box} #offer-tiles{gap:2rem} #offer-tiles .offer{width:calc(50% - 1rem);background-color:#006fd0;background-size:cover;background-position:50% 50%} #offer-tiles .offer-content, #offer-tiles .offer-content *{color:#fff;text-shadow:0 0 .2rem rgba(0,0,0,0.5)} #offer-tiles .offer-content{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7));background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7))} #offer-tiles .offer-content:hover{background:linear-gradient(90deg,rgba(0,0,0,0),#006fd0);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),#006fd0)} @media (max-width:1000px){#offer-tiles{gap:1rem} #offer-tiles .offer{width:100%}}#section-tiles{gap:2rem} #section-tiles section{width:calc(50% - 1rem);background-color:#006fd0;background-size:cover;background-position:50% 50%} #section-tiles .section-content, #section-tiles .section-content *{color:#fff;text-shadow:0 0 .2rem rgba(0,0,0,0.5)} #section-tiles .section-content{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7));background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7))} #section-tiles .section-content:hover{background:linear-gradient(90deg,rgba(0,0,0,0),#006fd0);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),#006fd0)} @media (max-width:1000px){#section-tiles{gap:1rem} #section-tiles section{width:100%}}