#hero_section{
    display: block;
    padding-top: var(--large-vertical-margin);
    height: calc(100vh - var(--large-vertical-margin));
}
    #hero_section h1, #con_svg_0_d{
        width: 90vw;
    }
    #con_svg_0_m{
        display: none;
        width: 90vw;
        height: 70vh;
        overflow: visible;
        fill: var(--white);
    }
    #con_svg_0_d{
        width: 90vw;
        height: 65vh;
        fill: var(--white);
        overflow: visible;
    }





#con_columns_container{
    margin-top: var(--large-vertical-margin);
    height: 60vh;
    display: flex;
    column-gap: var(--horizontal-margin);
}

    .grid_typography_container{
        row-gap: 0em;
        width: 30vw;
    }
        label,#submit{
            width: 10vw;
            hyphens: none;
        }
        input{
            background-color: var(--white);
            border: none;
            border-bottom: var(--blue) 2px solid;
            width: 20vw;
            text-align: left;
            margin-bottom: 2.6em;
        }
        #description{
            width: 20vw;
            resize: none;
            margin-bottom: var(--medium-vertical-margin);
            color: var(--blue);
            border: none;
            border-bottom: var(--blue) 2px solid;
            background-color: var(--white);
        }
        #submit, #file{
            cursor: pointer;
        }
        #submit{
            margin-left: 0;
            margin-top: var(--medium-vertical-margin);
            width: min-content;
            font-family: Poppins_Bold;
        }

        #submit:hover{
            color: var(--white);
        }
        #file{
            margin-bottom: 0;
            border: 0;
        }

        #maxFileSize{
            color: var(--white);
            text-align: right;
            margin-top: 5px;
        }

    #con_col2_p1{
        margin-bottom: 0.8em;
    }
    ul{
        margin-bottom: var(--medium-vertical-margin);
    }






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

    h3{
        font-size: 1.2em;
        hyphens: none;
    }




    #hero_section{
        padding-top: 5px;
        height: calc(100vh - var(--medium-vertical-margin));
    }
        #con_svg_0_d{
            margin-top: var(--xlarge-vertical-margin);
            height: 60vh;
        }
        #hero_section h1{
            width: 80vw;
        }



        #con_columns_container{
            flex-direction: column-reverse;
            height: unset;
            margin-top: 0;
        }
            #con_col2{
                margin-bottom: var(--large-vertical-margin);
            }

            .grid_typography_container{
                width: unset;
            }
                label, input{
                    margin-bottom: 0;
                }
                label{
                    width: 20vw;
                    height: 1.7em;
                }
                input{
                    width: 60vw;
                    margin-left: -20vw;
                    border-radius: 0;
                }
                #label_description,#description,#label_file,#file{
                    grid-column: span 2;
                    width: 80vw;
                    margin-left: 0;
                    margin-bottom: 0;
                }
                #description{
                    border-radius: 0;
                }
                #label_description,#label_file,#submit{
                    margin-top: var(--medium-vertical-margin);
                    margin-bottom: 10px;
                }

}