#hero_section{
    background-color: var(--white);
    display: block;
}
    #home_svg_0_d,#home_svg_0_m{
        position: absolute;
        top: 0; left: 0;
        width: 100vw;
    }
    #home_svg_0_m{
        display: none;
    }
        .homeSVGPath,.homeSection1SVGPath{
            fill: none;
            stroke: var(--blue);
            stroke-width: 90px;
        }
    #hero_logo, #subtitle{
        position: absolute;
        width: 50vw;
        left: 25vw;
    }
    #hero_logo{
        fill: var(--blue);
        top: 30vh;
        stroke-width: 7px;
    }
        #Logo-Block1, #Logo-Block3{
                stroke: var(--blue);
            }
            #Logo-Block2{
                stroke: var(--white);
            }
    #subtitle{
        text-align: center;
        position: absolute;
        top: calc(30vh + 350px);
    }



#home_section1{
    height: 100vh;
    display: flex;
}   
    #home_svg_1_m{
        display: none;
    }
    #home_svg_1_d{
        margin-left: calc(-1 * var(--horizontal-margin));
        width: 60vw;
        overflow: visible;
    }
    #home_section1_textcontainer{
        padding-top: 20vh;
    }




#home_section2{
    background-color: var(--blue);
    width: calc(100vw - 2* var(--horizontal-margin));
    height: 350vh;
    margin-left: calc(-1 * var(--horizontal-margin));
    margin-top: var(--medium-vertical-margin);
    padding: var(--large-vertical-margin) var(--horizontal-margin) var(--large-vertical-margin) var(--horizontal-margin);
}
    .sticky_container{
        position: static;
    }
        .individual_text_container{
            height: 150vh;
        }
            #text_section1 h1{
                width: 40vw;
                margin-top: 0;
            }
            #text_section1 .grid_typography_container{
                margin-bottom: var(--small-vertical-margin);
            }
            #text_section2{
                height: 80vh;
            }
        #home_section2_spacer{
            height: 50vh;
        }
    #home_svg_2_d, .sticky_container_text_container{
        position: sticky;
        top: var(--large-vertical-margin);
    }
    #home_svg_2_d{
        height: 80vh;
        width: 30vw;
        fill: var(--blue);
        stroke: var(--white);
        stroke-width: 10px;
    }
    #home_svg_2_m{
        display: none;
    }



.image_section{
    height: 300vh;
}
    .landscape{
        width: 55vw;
    }
    #home_svg_3_m{
        display: none;
    }
    #home_svg_3_d{
        position: absolute;
        top: calc(-1 * var(--medium-vertical-margin));
        left: calc(-1 * var(--horizontal-margin));
        width: 100vw;
        overflow: visible;
    }






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

    #hero_section{
        height: 100vh;
    }
        #home_svg_0_d{
            height: 100vh;
            width: 100vw;
            overflow: hidden;
        }
            #home_svg_0_m .homeSVGPath, #home_svg_1_m .homeSection1SVGPath, #home_svg_3_m .homeSVGPath{
                stroke-width: 35px;
            }
        #hero_logo, #subtitle{
            width: 90vw;
            left: 5vw;
        }
        #hero_logo{
            top: 42vh;
            stroke-width: 10px;
        }
        #subtitle{
            top: unset;
            bottom: 5vh;
        }


    #home_section1{
        flex-direction: column;
        align-items: start;
    }
        #home_svg_1_d{
            display: none;
        }
        #home_svg_1_m{
            display: block;
            overflow: visible;
            margin-left: calc(-1 * var(--horizontal-margin));
        }
        #home_section1_textcontainer{
            padding-top: var(--medium-vertical-margin);
        }



    .sticky_container div :last-child{
        margin-bottom: 0;
    }
    #home_section2,.individual_text_container{
        height: unset;
        padding-bottom: var(--small-vertical-margin);
    }
        .sticky_container_text_container{
            position: static;
        }
            #text_section1{
                margin-bottom: calc(-1 * var(--medium-vertical-margin));
            }
                #text_section1 h1{
                    width: 80vw;
                    margin-bottom: var(--medium-vertical-margin);
                }
                #text_section1 .grid_typography_container{
                    width: 70vw;
                }

        #text_section2{
            height: unset;
            margin-top: var(--small-vertical-margin);
        }
    
    #home_section2_spacer{
        height: 70vh;
    }
    #home_svg_2_d{
        display: none;
    }
    #home_svg_2_m{
        display: block;
        fill: var(--blue);
        stroke: var(--white);
        stroke-width: 14px;
        width: unset;
        height: 70vh;
        margin-left: 15vw;
    }



    .image_section{
        height: unset;
    }
        .landscape{
            width: 80vw;
        }

    #home_svg_3_m{
        width: 100vw;
        overflow: visible;
        position: absolute;
        left: calc(-1 * var(--horizontal-margin));
        top: 20vh;
    }
    #home_svg_3_d{
        height: 85vh;
    }




    #footer{
        margin-top: var(--medium-vertical-margin);
    }

}