#careers,
#careers * {
    --video-ratio: 16/9;
    --section--spacer: 60px;
}
#careers {
    margin: 40px 0 var(--section--spacer);
    header {
        margin: 8px 0 var(--section--spacer);
    }
    .content--wrapper {
        display: grid;
        grid-template-columns: 1fr 600px;
        grid-template-areas: "content media";
        column-gap: 150px;
        row-gap: 40px;
        section {
            margin: 0 0 var(--section--spacer);
            h2 {
                margin: 0 0 20px;
                font-weight: 400;
            }
            .subtitle {
                display: block;
                margin: 0 0 20px;
            }
        }
        .content {
            grid-area: content;
        }
        .media {
            grid-area: media;
            span {
                display: block;
                margin: 20px 0;
            }
        }
        @media (max-width:992px) {
            grid-template-columns: 100%;
            grid-template-areas: "media" "content";
            
        }
    }
}