Разные размеры текста в разном масштабе?

.nav li a
{
float: center;
font-family:Arial, Helvetica, sans-serif;  
font-size: 20px;
color:#fff;
text-shadow:0px 1px 1px #909090;
line-height:30px;
padding:18px 12px 0 8px;
display: block;
text-decoration:none;
border-radius:25px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

@media screen  and (max-width: 979px)  { /* Для планшетов */
    .nav li a {
        float: center;
        font-family:Arial, Helvetica, sans-serif;  
        font-size: 20px; /* Нужный размер шрифта */
        color:#fff;
        text-shadow:0px 1px 1px #909090;
        line-height:30px; /*Подходящая высота строки*/
        padding:18px 12px 0 8px; /* Нужные отступы */
        display: block;
        text-decoration:none;
        border-radius:25px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
    }
}
@media screen and (max-width: 500px)  { /* Для мобильных*/
    .nav li a {
        float: center;
        font-family:Arial, Helvetica, sans-serif;  
        font-size: 20px; /* Нужный размер шрифта */
        color:#fff;
        text-shadow:0px 1px 1px #909090;
        line-height:30px; /*Подходящая высота строки*/
        padding:18px 12px 0 8px; /* Нужные отступы */
        display: block;
        text-decoration:none;
        border-radius:25px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
    }
}