Насколько это коректно?

Когда вы устанавливаете font-size для root элемента (html) в абсолютных величинах (в данном случае в пикселях), блокируете возможность масштабирования с помощью увеличения размера шрифта браузера, что не очень хорошо по отношению к людям с плохим зрением. В вашем случае padding top и bottom всегда будут равны 50px. То же самое и с другими величинами, установленными в rem. Ваши стили позволяют только изменить эти 50px с помощью медиа-выражений, меняя font-size для html. Чтобы оставить возможность масштабирования через размер шрифта браузера, нужно чтобы font-size для html был в процентах. Если хотите, чтобы было кратно 10px, то

html {
  font-size: 62.5%;
}