#hero_section h1{
    width: 50vw;
}


#cnc_svg0_m,#cnc_svg1_m,#cnc_svg2_m{
    display: none;
}
#cnc_svg0_d,#cnc_svg1_d{
    overflow: visible;
    position: absolute;
    height: 80vh;
    right: var(--horizontal-margin);
    top: 10vh;
    stroke: var(--white);
    stroke-width: 4px;
    fill: none;
}

#cnc_sticky_section_1{
    background-color: var(--blue);
    width: 90vw;
    height: 130vh;
    margin-left: calc(-1 * var(--horizontal-margin));
    padding-left: var(--horizontal-margin);
    padding-right: var(--horizontal-margin);
    padding-top: 0;
}
    .grid_typography_container{
        margin-top: var(--large-vertical-margin);
        row-gap: 1em;
    }



#cnc_sticky_section_2{
    position: relative;
    padding-top: 0;
    height: 130vh;
}
    #cnc_sticky_section_2 .sticky_container{
        margin-left: 55vw;
    }
        #cnc_sticky_section_2 h3{
            margin-bottom: 0.3em;
        }
        #cnc_svg1_d{
            stroke: var(--blue);
            top: 0;
            left: 0;
        }


.image_section{
    height: 150vh;
}
        





@media only screen and (max-width:1200px) {
    #cnc_sticky_section_2 .sticky_container{
        margin-left: 50vw;
        width: 35vw;
    }

    #cnc_sticky_section_1, #cnc_sticky_section_2{
        height: 100vh;
    }
    #cnc_svg0_d,#cnc_svg1_d{
        height: 70vh;
    }
}





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

    #hero_section{
        margin-bottom: 0;
    }
    #hero_section h1{
        width: 80vw; 
        font-size: 2.2em;
    }



    #cnc_svg0_d,#cnc_svg1_d{
        display: none;
    }
    #cnc_svg0_m,#cnc_svg1_m,#cnc_svg2_m{
        display: block;
        width: 100vw;
        stroke: var(--white);
        stroke-width: 2px;
        fill: none;
        overflow: visible;
    }
    #cnc_svg0_m{
        position: absolute;
        top: -20vh;
        left: 10vw;
        width: 80vw;
    }
    #cnc_svg1_m,#cnc_svg2_m{
        margin-left: calc(-1 * var(--horizontal-margin));
        position: static;
        height: 60vw;
        width: 75vw;
        margin-left: 2vw;
    }
    #cnc_svg2_m{
        stroke: var(--blue);
    }




    .sticky_container{
        position: static;
        height: unset;
    }
        .sticky_container div{
            margin-bottom: var(--small-vertical-margin);
        }

    #cnc_sticky_section_1{
        width: 80vw;
        margin-top: calc(-1 * var(--large-vertical-margin));
        padding-top: var(--large-vertical-margin);
        margin-bottom: 0;
        height: unset;
    }
        #cnc_sticky_section_1 .sticky_container{
            margin-bottom: var(--medium-vertical-margin);
        }
        .grid_typography_container{
            margin-top: var(--medium-vertical-margin);
        }
            .grid_typography_container h3{
                width: 30vw;
                hyphens: none;
            }

    #cnc_sticky_section_2{
        height: unset;
        padding-top: var(--large-vertical-margin);
        padding-bottom: 0;
        margin-bottom: var(--medium-vertical-margin);
    }
        #cnc_sticky_section_2 .sticky_container{
            margin-left: 0;
            margin-bottom: var(--medium-vertical-margin);
        }


    .image_section{
        margin-top: var(--large-vertical-margin);
        height: unset;
    }
    
}