.section--side-by-side{
    --gray-light: var(--pink);
}
.container--side-by-side{
    display: flex;
    flex-direction: column;
    margin: -1rem;
}
.side-by-side{
    margin: 1rem;
}
.section--side-by-side .cta-part {
    margin-top: 1rem;
}
.section--side-by-side .image-part {
    object-fit: cover;
    object-position: 50%;
    aspect-ratio: 1.5;
    width: 100%;
}
.section--side-by-side .video-embed-part{
    width: 100%;
}
@media(min-width: 960px){
    .section--side-by-side.condensed{
        padding-left: calc(var(--std-padding) + 4rem);
        padding-right: calc(var(--std-padding) + 4rem);
    }
    .container--side-by-side{
        flex-direction: row;
        margin: -2rem;
    }
    .side-by-side {
        width: calc(50% - 2rem);
        margin: 2rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-grow: 1;
    }
    .side-by-side__callout {
        width: calc(50% - 2rem);
    }
    .side-by-side .indented{
        margin-left: 6.5rem;
    }
    .swap-on-desktop {
        order: 2;
    }
}

.section.section--side-by-side[style='background-color: var(--blue)'] *,
.section.section--side-by-side[style='background-color: var(--teal--safe)'] *{
    color: var(--white);
}
.section.section--side-by-side[style='background-color: var(--blue)'] .footer__social-link{
    background-color: var(--navy);
}
.section.section--side-by-side[style="background-color: var(--blue)"] .footer__social-link:hover{
    background-color: var(--orange--safe);
}