/* Mobile first approach (base styles) */
html,body {
  line-height: 1.5 !important;
}

h1, h2, h3 {
  line-height: 1.2 !important;
}

h4, h5, h6 {
  line-height: 1.4 !important;
}

h1 {
  font-size: 2rem !important;
}

h2 {
  font-size: 1.5rem !important;
}

h3 {
  font-size: 1.25rem !important;
}

h4 {
  font-size: 1.125rem !important;
}

h5 {
  font-size: 1rem !important;
}

h6 {
  font-size: 0.875rem !important;
}

/* Tablet (768px and up) */
@media screen and (min-width: 48em) {
  h1 {
    font-size: 2.5rem !important;
  }

  h2 {
    font-size: 1.875rem !important;
  }

  h3 {
    font-size: 1.5rem !important; /* Your specified tablet size */
  }

  h4 {
    font-size: 1.25rem !important;
  }

  h5 {
    font-size: 1.125rem !important;
  }

  h6 {
    font-size: 1rem !important;
  }
}

/* Desktop (1024px and up) */
@media screen and (min-width: 64em) {
  h1 {
    font-size: 3rem !important;
  }

  h2 {
    font-size: 2.25rem !important;
  }

  h3 {
    font-size: 1.75rem !important; /* Your specified desktop size */
  }

  h4 {
    font-size: 1.5rem !important;
  }

  h5 {
    font-size: 1.25rem !important;
  }

  h6 {
    font-size: 1.125rem !important;
  }
}