Utilizando lo aprendido, me tome el atrevimiento de anexar esto al @media:
nav a{
font-size: 20px;
}
para que "home", "productos" y "contactos" me queden en la misma linea... El font-size estaba configurado en 22px, y por eso "contacto" pasaba hacia abajo, como se ve en el video...