.page-title {
  margin: 0;
  font-size: calc(var(--font-heading-scale) * 3.2rem);
  font-weight: var(--font-heading-weight);
  font-family: var(--font-heading-family);
  text-align: center;
}

@media screen and (max-width: 749px) {
  .page-title {
    font-size: calc(var(--font-heading-scale) * 2.6rem);
  }
}