/* Desktop: restauramos el tamaño grande original */
@media (min-width: 992px) {
}



/* Tablet (401px – 768px): tamaño intermedio cómodo */
@media (min-width: 350px) and (max-width: 768px) {

    .hero h1 {
      font-size: 3em;
  }

}


/* En pantallas muy pequeñas (< 400px) bajamos un poco más */
@media (max-width: 400px) {

}