*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
}
html,body 
{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    font-size: 14px;
}
@media screen and (min-width: 320px)
{
    html
    {
        font-size: 42.66667px;
    }
}

@media screen and (min-width: 360px)
{
    html
    {
        font-size: 48px;
    }
}

@media screen and (min-width: 375px)
{
    html
    {
        font-size: 50px;
    }
}

@media screen and (min-width: 384px)
{
    html
    {
        font-size: 51.2px;
    }
}

@media screen and (min-width: 412px)
{
    html
    {
        font-size: 54.93333px;
    }
}

@media screen and (min-width: 414px)
{
    html
    {
        font-size: 55.2px;
    }
}

@media screen and (min-width: 600px)
{
    html
    {
        font-size: 80px;
    }
}

@media screen and (min-width: 750px)
{
    html
    {
        font-size: 100px;
    }
}