/* Tablet: 768px–991px */
@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    letter-spacing: -0.5px;
    font-size: 50px !important;
  }
  h2 {
    letter-spacing: -0.5px;
    font-size: 40px !important;
  }
  h3 {
    letter-spacing: -0.5px;
    font-size: 30px !important;
  }
  h4 {
    letter-spacing: -0.25px;
    font-size: 24px !important;
  }
  h5 {
    letter-spacing: -0.25px;
    font-size: 20px !important;
  }
  h6 {
    letter-spacing: -0.125px;
    font-size: 18px !important;
  }
  .p-h1-super-white {
    font-size: 70px !important;
  }
  .p-h1-super-purple {
    font-size: 64px !important;
  }
}

/* Large phones: 480px–767px */
@media (min-width: 480px) and (max-width: 767px) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 900 !important;
  }
  h1 { font-size: 36px !important; }
  h2 { font-size: 30px !important; }
  h3 { font-size: 24px !important; }
  h4 { font-size: 18px !important; }
  h5 { font-size: 16px !important; }
  h6 { font-size: 14px !important; }
  .p-h1-super-white, .p-h1-super-purple { font-size: 48px !important; }
}

/* Small phones: 0px–479px */
@media (min-width: 0px) and (max-width: 479px) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 900 !important;
  }
  h1 { font-size: 28px !important; }
  h2 { font-size: 24px !important; }
  h3 { font-size: 20px !important; }
  h4 { font-size: 16px !important; }
  h5 { font-size: 14px !important; }
  h6 { font-size: 12px !important; }
  .p-h1-super-white, .p-h1-super-purple { font-size: 36px !important; }
}