.call-out-tiles-3-spots {
    margin-bottom: 50px;
}

.call-out-tiles-3-spots .cols {
    padding: 0 15px;
}

.call-out-tiles-3-spots .img-cont {
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.call-out-tiles-3-spots img {
    width: 100%;
    opacity: 0;
    transition: opacity .5s 1s ease, transform .5s ease;
}

.call-out-tiles-3-spots .slide:hover img {
    transform: scale(1.2);
}

.call-out-tiles-3-spots h4,
.call-out-tiles-3-spots h4 a {
    font-family: 'Titling-Gothic-fb-skyline', sans-serif;
    font-size: 50px;
    color: #141414;
    text-transform: uppercase;
    line-height: .95em;
    letter-spacing: .2px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 4px;
}

.call-out-tiles-3-spots h4 a:hover {
    text-decoration: none;
}

.call-out-tiles-3-spots h4 .end,
.call-out-tiles-3-spots h4 a .end {
    display: block;
    color: #00a18e;
    opacity: 0;
    transition: opacity .5s 1s ease;
}

.call-out-tiles-3-spots .slide:nth-child(even) h4 .end,
.call-out-tiles-3-spots .slide:nth-child(even) h4 a .end {
    color: #f15d22;
}

.call-out-tiles-3-spots img.mobile-fade,
.call-out-tiles-3-spots h4 .end.mobile-fade,
.call-out-tiles-3-spots h4 a .end.mobile-fade {
    opacity: 1;
}

@media ( min-width:40em ){
    .call-out-tiles-3-spots {
        margin-bottom: 80px;
    }

    .call-out-tiles-3-spots .cols {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%;
        max-width: 1400px;    
    }

    .call-out-tiles-3-spots .cols .slide {
        margin: 0 20px;
        width: calc(33.33% - 40px);
    }

    .call-out-tiles-3-spots .cols .slide .content-section {
        padding: 30px 15px;
    }

    .call-out-tiles-3-spots .img-cont {
        margin-bottom: 0;
    }

    .call-out-tiles-3-spots img {
        opacity: 1;
    }
}

@media ( min-width: 64em ) {
    .call-out-tiles-3-spots h4,
    .call-out-tiles-3-spots h4 a {
        font-size: 100px;
        max-width: 400px;
        opacity: 1;
    }

    .call-out-tiles-3-spots .slide h4 .end,
    .call-out-tiles-3-spots .slide h4 a .end{
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #141414;
        color: #141414;
        opacity: 1;
    }

    .call-out-tiles-3-spots .slide:hover h4 .end,
    .call-out-tiles-3-spots .slide:hover h4 a .end{
        -webkit-text-fill-color: unset;
        -webkit-text-stroke-width: unset;
        -webkit-text-stroke-color:unset;
        color: #00a18e;
    }
    .call-out-tiles-3-spots .slide:nth-child(even):hover h4 .end,
    .call-out-tiles-3-spots .slide:nth-child(even):hover h4 a .end {
        color: #f15d22;
    }
}