@media (min-width: 40em) {
    .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-left .slide > .inner {
        display: grid;
        grid-template-columns: 1fr;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-right .slide > .inner {
        display: grid;
        grid-template-columns: 1fr;
    }

}

@media (min-width: 64em) {
    .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-right .slide > .inner {
        padding: 80px 80px 80px 0;
        grid-template-columns: 1fr 2fr;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-left .slide > .inner {
        padding: 80px 0 80px 80px;
        grid-template-columns: 2fr 1fr;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slides .slide .content-top .slide-title {
        font-family: var(--font-header);
        font-size: 2.1rem;
        line-height: 2.75rem;
        letter-spacing: 0.7px;
        font-weight: 300;
        text-align: center;
        max-width:75%;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slides .slide .content-top .slide-title a {
        color: #fff;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slides .slide .content-top p {
        font-size: var(--text-lg);
        color: #fff;
        text-align: center;
        max-width:80%;
        justify-self: center;
    }

    .side-by-side-1-across.side-by-side-1-across .slides .slide .slide-footer a {
        font-size: var(--text-lg);
    }


    .side-by-side-1-across.side-by-side-1-across .slides .slide-top {
        justify-content: flex-end;
        width:100%;
    }

    .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-right .slide > .inner .slide-top, .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-left.alternating .slide:nth-child(even) > .inner .slide-top, .side-by-side-1-across.side-by-side-1-across-fullwidth .slide-right.alternating .slide:nth-child(even) > .inner .content-section {
        order: 2;
    }
}



.side-by-side-1-across.side-by-side-1-across .slides .slide-top .img-cont {
    width: 100%;
}

.side-by-side-1-across.side-by-side-1-across-fullwidth .slides .slide .content-top .slide-title {
    max-width: 85%;
}


.side-by-side-1-across .widget-header .widget-title {
       color: var(--primary-color);
       width: 100%;
       margin-right: 0px;
}

