@media only screen and (max-width: 1023px) {

    /* Main hero/slider container */
    .sliderMain-slide {
        position: relative !important;
        min-height: 520px !important;
        overflow: hidden !important;
    }

    /* Background image */
    .sliderMainImageUpdated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 0 !important;
    }

    /* Content sits on top of image */
    .sliderMainContent {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 520px !important;
        z-index: 2 !important;
    }

    .sliderMainContent-inner {
        position: relative !important;
        z-index: 2 !important;
    }

    .sliderMainContent-copy {
        position: relative !important;
        z-index: 2 !important;
    }

    /* Keep all hero text white */
    .sliderMain-slide--textLight .sliderMainContent,
    .sliderMain-slide--textLight .sliderMainContent-heading,
    .sliderMain-slide--textLight .sliderMainContent h1,
    .sliderMain-slide--textLight .sliderMainContent h2,
    .sliderMain-slide--textLight .sliderMainContent p,
    .sliderMain-slide--textLight .sliderMainContent span {
        color: #ffffff !important;
    }

    /* Keep button orange with black text */
    .sliderMain-slide--textLight .sliderMainContent .btn,
    .sliderMain-slide--textLight .sliderMainContent a.btn {
        background-color: #fca333 !important;
        color: #000000 !important;
    }
}