:root{

    scrollbar-width: thin;
}

html{
    font-size: 12px;
    font-family: Poppins-Light, Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
}

@media screen and (max-width: 600px) {
    #html_h1_container{
        left: 2vw;
    }
    h1 {
        font-size: 2rem;
		margin-left: 0px
    }
    h4{
    	font-size: 1rem;
    }
    #html_applicationText{
        width: 100%;
        margin-left: 10%;
    }
    #html_applicationImg{
        width: 100%;
        margin-left: 10%;
    }
    #img_brand-logo{
        width: 80%;
    }

}
@media screen and (min-width: 601px) {
    #html_h1_container{
        left: 10vw;
    }    
    h1{
        font-size: 3rem;
        margin-left: 10px
    }
    h4{
    	font-size: 1.5rem;
    }

    #html_applicationText{
        width: 50%;
    }
    #html_applicationImg{
        width: 50%;
        margin-right: 0px;
    }
    #img_brand-logo{
        width: 100%;
    }
}
@media screen and (min-width: 800px) {
    #html_h1_container{
        left: 10vw;
    }       
    h1 {
        font-size: 4rem;
        margin-left: 50px
    }
    h4{
    	font-size: 2rem;
    }
    #html_applicationText{
        width: 50%;
    }
    #html_applicationImg{
        width: 50%;
        margin-right: 0px;
    }
    #img_brand-logo{
        width: 120%;
    }
}