html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

div,
p,
span,
input {
    font-size: .7rem;
    color: #333;
    margin: 0;
}

img {
    width: 100%;
}

input {
    outline: none;
    border: 0;
}

html {
    font-size: 20px;
}

@media only screen and (min-width: 401px) {
    html {
        font-size: 25px !important;
    }
}

@media only screen and (min-width: 428px) {
    html {
        font-size: 26.75px !important;
    }
}

@media only screen and (min-width: 481px) {
    html {
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 569px) {
    html {
        font-size: 35px !important;
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 40px !important;
    }
}

::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}