/* Estilos generales para todas las pantallas */

/* ... tus estilos normales aquí ... */

/* Estilos para pantallas con ancho de alrededor de 300x600 */
@media only screen and (max-width: 300px) {
  /* Ajustes específicos para pantallas con ancho de alrededor de 300x600 */

  body {
    font-size: 12px; /* Ajusta el tamaño del texto del cuerpo */
  }

  div {
    /* Ajustes específicos para divs en pantallas con ancho de alrededor de 300x600 */
    padding: 3px;
    margin: 3px;
  }

  h1, h2, h3, h4, h5, h6 {
    /* Ajusta el tamaño de los títulos en pantallas con ancho de alrededor de 300x600 */
    font-size: 1.2em;
  }

  img {
    /* Ajusta el tamaño de las imágenes en pantallas con ancho de alrededor de 300x600 */
    max-width: 100%;
    height: auto;
    display: block; /* Elimina el espacio adicional debajo de las imágenes */
    margin: 0 auto; /* Centra las imágenes dentro de su contenedor */
  }
}