@media all {
    /* careers_intro */
    #careers_intro .container_row_content { padding-top:var(--spacing-1L); padding-bottom:var(--spacing-3L); }

    /*-- left side */
    #careers_intro .circle_blue_10 { position:absolute; height:var(--spacing-0); top:var(--spacing-4L); left:-7%; }
    #careers_intro .circle_green_11 { position:absolute; height:var(--spacing-1L); bottom:var(--spacing-5L); left:-6%; }

    #careers_intro .squiggle_yellow_20 { position:absolute; height:var(--spacing-5L); top:calc(var(--spacing-5L) * 1.3); left:-10%; transform:rotate(10deg); }

    /*-- right side */
    #careers_intro .circle_green_100 { position:absolute; height:var(--spacing-1L); top:var(--spacing-2L); right:2%; }
    #careers_intro .circle_blue_101 { position:absolute; height:var(--spacing-0); top:calc(var(--spacing-5L) * 1.8); right:-2%; }

    #careers_intro .squiggle_red_110 { position:absolute; height:var(--spacing-5L); top:var(--spacing-3L); right:-4%; transform:rotate(60deg); }

    #careers_intro .ring_blue_120 { position:absolute; height:var(--spacing-4L); top:calc(var(--spacing-5L) * 2.8); right:-6%; }

    /* careers_videos */
    #careers_videos .container_row_content { padding-top:calc(var(--spacing-5L) * 1.4); }

    #careers_videos h2 { margin:0px auto var(--spacing-4L) auto; width:80%; text-align:center; }

    #careers_videos ul.videos_list { gap:var(--spacing-3L); }
    #careers_videos ul.videos_list video { width:100%; margin-bottom:var(--spacing-2L); }

    /* careers_join */
    #careers_join { background-color:var(--color-yellow); text-align:center; }
    #careers_join h2 { margin-bottom:var(--spacing-1L); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {

}

@media (max-width:800px) {
    #careers_intro .brand_split_group { grid-template-columns:4fr 6fr; }
    #careers_intro .brand_split_group > div:nth-child(2) .body { padding-left:var(--spacing-2L); }
}

@media (max-width:600px) {
    #careers_intro .brand_split_group { grid-template-columns:1fr; }

    #careers_intro .brand_split_group > div:nth-child(1) img { height:300px; }
    #careers_intro .brand_split_group > div:nth-child(2) .body { padding:var(--spacing-4L) 0px var(--spacing-0) 0px; background-color:var(--color-white); }

    #careers_videos ul.videos_list { grid-template-columns:1fr; }
}