@media(max-width:599px){.tiles.four-col{grid-template-columns:1fr 1fr}.tiles h4{font-size:14px}}.tiles{margin-top:35px}.tile{position:relative;height:125px;border-radius:12px;box-shadow:0px 0px 30px -15px #000;overflow:hidden}.tile:before{display:block;content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5)}.tile .tile-image{height:100%;width:100%;object-fit:cover}.tile .tile-title{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;font-family:var(--title-font);font-weight:700;color:var(--white-color);text-transform:uppercase;text-align:center}.tile .tile-teaser{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(246,245,229,.92);padding:20px;transform:translateY(100%);transition:.3s}.tile .tile-teaser h4{margin:0 0 10px;text-transform:uppercase;font-size:16px;color:var(--black-color)}.tile .tile-teaser .tile-excerpt{font-size:14px;margin-top:0;line-height:1.5}.tile .tile-button.cta-button.cta-button-light{display:block;padding:5px;max-width:140px;align-self:end}@media(min-width:980px){.tile{height:275px}.tile:hover .tile-teaser{transform:translateY(0%)}}