@media only screen and (max-width: 1200px) {
  h1 {
    font-size: 2.875rem;
  }

  .component-title-4 {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 2.625rem;
  }

  .h2,
  h2,
  .component-title {
    font-size: 2.5rem;
  }

  .component-title-2 {
    font-size: 1.875rem;
  }

  .component-title-3 {
    font-size: 2.125rem;
  }

  .component-title-4 {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 2.375rem;
  }

  .h2,
  h2,
  .component-title {
    font-size: 2.125rem;
  }

  .component-title-2 {
    font-size: 1.625rem;
  }

  .component-title-3 {
    font-size: 1.5rem;
  }

  .component-title-4 {
    font-size: 1.125rem;
  }

  .tagged-title {
    font-size: 0.875rem;
    padding-left: 70px;
  }

  .tagged-title::before {
    width: 45px;
  }
}

@media only screen and (max-width: 480px) {
  h1 {
    font-size: 1.875rem;
  }

  h2,
  .h2,
  .component-title {
    font-size: 1.625rem;
  }

  .component-title-2 {
    font-size: 1.5rem;
  }

  .component-title-3 {
    font-size: 1.25rem;
    line-height: 1.3333333333333333;
  }


  .component-title-4 {
    font-size: 1.125rem;
  }
}