.block-small-tiles .grid{grid-template-columns: 1fr 1fr 1fr;grid-gap:0rem;}
.block-small-tiles .tile{background-position: center;background-size: cover;min-height:400px;position: relative;text-align: center;display:grid;align-items:center;color:#ffffff;cursor:pointer;padding:2rem;}
.block-small-tiles .tile .tile-bg-color{width:100%;height:100%;position: absolute;top: 0;left:0;opacity:0; transition: ease-in-out .25s;}
.block-small-tiles .tile h3{margin:0;position:relative;z-index:9;opacity:0;transition: ease-in-out .25s;}
.block-small-tiles .tile .tile-title{font-size: 2.5rem;}
.block-small-tiles .tile:hover .tile-bg-color, .block-small-tiles .tile:hover h3{opacity:1; transition: ease-in-out .25s;}

.block-small-tiles .tile-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity: 0;z-index:9999999;color:#555555; transition: ease-in-out 0.5s;}
.block-small-tiles .tile-popup .tile-popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0B3227; opacity:0.9;cursor:auto}
.block-small-tiles .tile-popup .tile-popup-area{position:absolute;top:50%;left:50%;width:90%;max-width:1024px;background:#ffffff;display:grid;grid-template-columns:1fr 1fr;z-index:99999;min-height:512px;cursor:auto;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); opacity: 0; transition: all .2s;}
.block-small-tiles .tile-popup .tile-popup-area h3{opacity:1 !important; margin-bottom:3rem}
.block-small-tiles .tile-popup .tile-popup-area .tile-popup-description{letter-spacing:.5px;line-height:25px}
.block-small-tiles .tile-popup .tile-popup-area .tile-popup-close{position:absolute;right:-15px;top:-15px;font-weight:bold;color:#fff;width:30px;height:30px;background:#555555;border-radius:50%;line-height:30px;cursor:pointer;}
.block-small-tiles .tile-popup .tile-popup-image{background-size:cover;background-position:center;padding-top: 50%;}
.block-small-tiles .tile-popup .tile-popup-content{position:relative;padding:4rem;text-align:left;}
.block-small-tiles .tile-popup .tile-popup-area .tile-popup-button{margin-top: 2rem;}
.block-small-tiles .tile-popup .tile-popup-area .tile-popup-button.button{background:#555555;border:1px solid #555555;color:#fff}

.block-small-tiles .tile.active .tile-popup{display:block; opacity: 1; transition: ease-in-out 0.5s;}
.block-small-tiles .tile.active .tile-popup .tile-popup-area{opacity: 1; transform:translate(-50%,-50%); transition: all .2s;}

@media (max-width:1024px) {
    .block-small-tiles .grid{grid-template-columns: 1fr 1fr !important;}
    .block-small-tiles .tile-popup .tile-popup-area{grid-template-columns: 1fr !important;}
}

@media (max-width:768px) {
    .block-small-tiles .tile{min-height: 200px;}
}

@media (max-width:480px) {
    .block-small-tiles .grid{grid-template-columns: 1fr!important;}
    .block-small-tiles .tile{min-height: 250px;}
}