El h1 siempre mide el doble que los párrafos porque ambos están expresados en unidades em, relativas al tamaño definido para el body.
La regla @media cambia el font-size del body según el ancho de la ventana:
Redimensioná la ventana del navegador para ver cómo cambia el tamaño del texto al cruzar cada punto de quiebre (breakpoint).