Как изменять размер текста, когда разрешение экрана достигнет мобильного?
https://jsfiddle.net/4vwwuwg0/html {
  font-size: 100%;
}

h1 {  font-size: 3rem; }

/*
 Чтобы текст не получился слишком мелким,
 используем calc
 Это типа min-font-size =)
*/
p { font-size: calc(12px + 0.25rem); }

@media (max-width: 480px) {
  html {
    font-size: 50%;
  }
}
Используй vmin, vmax, em, vw, vh, % для всех элементов сайта и горя знать не будешь. Про px вообще забудь, если делаешь сайт под все устройства