/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: var(--aldaba-deep-brown);
    font-family: var(--font-family);
}

h1 {
  font-size: 3rem; /* 48px */
  font-weight: 500;
  line-height: 3.3rem; /* 52.8px */
  text-align: left;
}

h2 {
  font-size: 2.5rem; /* 40px */
  font-weight: 500;
  line-height: 2.75rem; /* 44px */
  text-align: left;
}

h3 {
  font-size: 2rem; /* 32px */
  font-weight: 600;
  line-height: 2.2rem; /* 35.2px */
  text-align: left;
}

h4 {
  font-size: 1.75rem; /* 28px */
  font-weight: 600;
  line-height: 1.925rem; /* 30.8px */
  text-align: left;
}

h5 {
  font-size: 1.5rem; /* 24px */
  font-weight: 600;
  line-height: 1.65rem; /* 26.4px */
  text-align: left;
}

h6 {
  font-size: 1.25rem; /* 20px */
  font-weight: 600;
  line-height: 1.375rem; /* 22px */
  text-align: left;
}

@media (max-width: 992px) {
  h1 {
      font-size: 2rem; /* 32px */
      font-weight: 500;
      line-height: 2.2rem; /* 35.2px */
      text-align: left;
  }

  h2 {
      font-size: 1.75rem; /* 28px */
      font-weight: 500;
      line-height: 1.925rem; /* 30.8px */
      text-align: left;
  }

  h3 {
      font-size: 1.5rem; /* 24px */
      font-weight: 600;
      line-height: 1.65rem; /* 26.4px */
      text-align: left;
  }

  h4 {
      font-size: 1.375rem; /* 22px */
      font-weight: 600;
      line-height: 1.5125rem; /* 24.2px */
      text-align: left;
  }

  h5 {
      font-size: 1.25rem; /* 20px */
      font-weight: 600;
      line-height: 1.375rem; /* 22px */
      text-align: left;
  }

  h6 {
      font-size: 1.125rem; /* 18px */
      font-weight: 600;
      line-height: 1.2375rem; /* 19.8px */
      text-align: left;
  }
}