/**
 * @file
 * Typography.
 */

:root {
  --font-size-heading: 2.25rem;
}

.heading {
  text-transform: uppercase;
}

.text-content {
  font-size: var(--font-size-l);
  line-height: 1.5;
}

.section .sc-heading.heading {
  margin-bottom: var(--spacer-l);
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  :root {
    --heading: 1.75rem;
    --font-size-heading: 1.5rem;
  }
  .text-content {
    font-size: var(--font-size-m);
  }

  .section .sc-heading.heading {
    margin-bottom: var(--spacer-m);
  }
}

@media screen and (max-width: 576px) {
  :root {
    --heading: 1.5rem;
  }
}