html
{
        font-size:          16px;
}



/* Phones */
@media (min-width: 480px)
{
    html
    {
        font-size: 12px;
    }
}


/* Tablets */
@media (min-width: 768px)
{
    html
    {
        font-size: 14px;
    }
}


/* Laptops */
@media (min-width: 1024px)
{
    html
    {
        font-size: 15px;
    }
}


/* Desktops */
@media (min-width: 1280px)
{
    html
    {
        font-size: 15px;
    }
}

/* Large desktops */
@media (min-width: 1536px)
{
    html
    {
        font-size: 18px;
    }
}