.background-img{
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size:contain;
    position: relative;
}

.region-content .background-img{
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size:contain;
    padding-top: 6rem;
    padding-bottom: 6rem;
}


.region-content .hero .field--name-field-rich-text{
    width:auto;
}

.flip-On .background-img{
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size:contain;
    padding-top: 6rem;
    padding-bottom: 6rem;
}


.body{
    position: relative;
    z-index: 1000;
}

@media (max-width: 1200px) {
    .navbar > .container{
        justify-content: initial;
    }
    .navbar > .container div:last-of-type{
        margin-left:auto;
    }
    .body{
        padding:1.5rem;
    }
    .background-img:before{
        content: "";
        background:rgba(255,255,255,.75);
        position:absolute;
        width:100%;
        height:100%;
    }
    .region-content .background-img,
    .flip-On .background-img{
        padding:0;
    }



}

@media (min-width: 1201px) {
    .region-content .hero.no-video .body{
        margin-left:50%;
        width:100%;
    }
    .background-img{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .flip-Off .hero.no-video .field--name-field-rich-text{
        width:50%;
    }
    .region-content .flip-On .hero.no-video .body{
        margin-left:0;
        width:50%;
    }
}

.video-wrapper{
    display: flex;
    gap:3rem;
}
.video-wrapper > div{
    flex:1;
}
.video-wrapper > div:last-of-type{
    padding-left:1.5rem;
    padding-right:1.5rem;
}
@media (max-width: 800px) {
    .video-wrapper{
        flex-direction: column;
        gap:.5rem;
    }
}

a.active,
a.is-active{
    color:#1D4F91 !important;
}
nav .breadcrumb{
    margin-top:.5rem;
}