
 @baseWidth: 375px;
 @baseFont: 100px;

html {
    font-size: 50px;
}

@media only screen and (max-device-height: 568px) and (max-device-width:320px) {
    html{
        font-size: 43px;
    }
}

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

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

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

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

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