html {
    font-size: 5px;
}

@media (min-width: 320px) { /* iPhone 5 */
    html {
        font-size: 6.1px;
    }
}

@media (min-width: 360px) { /* 360px galaxy s5 */
    html {
        font-size: 6.87px;
    }
}

@media (min-width: 375px) {  /* iPhone 6 */
    html {
        font-size: 7.15px;
    }
}

@media (min-width: 412px) {  /* nexus 5x, nexus 6p*/
    html {
        font-size: 7.86px;
    }
}

@media (min-width: 414px) {  /* iPhone 6 plus */
    html {
        font-size: 7.9px;
    }
}

@media (min-width: 524px) {  /* iPad */
    html {
        font-size: 10px;
    }
}