body{
    padding: 0;
}

#hero, #body_container{
    padding: var(--standard_spacing);
}

    #background_video_container,#background_img_container{
        position: sticky;
        top: 0;
        left: 0;
        margin-left: calc(-1 * var(--standard_spacing));
        margin-top: calc(-1 * var(--standard_spacing));
        margin-bottom: calc(-1 * var(--standard_spacing));
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }
        #background_video_container video, #background_img_container img {
            width: 110%;
            height: 110%;
            margin-left: -20px;
            margin-top: -20px;
            object-fit: cover;
            transition: filter 0.5s ease-in-out;
        }

    #hero_all_content_container{
        display: flex;
    }
        #intro_container{
            position: sticky;
            top: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: var(--wide_width);
            margin-top: calc(-1 * var(--standard_spacing));
            margin-left: calc(var(--bodytext_wide_width) + var(--standard_spacing));
        }
            #intro_container h1{
                margin-bottom: 200px;
            }










@media only screen and (max-width:900px) {

    #hero_all_content_container{
        display: block;
        position: sticky;
        top: 0;
    }
        #intro_container{
            position: static;
            height: unset;
            padding-bottom: var(--standard_spacing);
            margin-top: -260px;
            margin-left: 0;
        }

}