.heading-1 {
  color: var(--gray-700);
  font-family: var(--font-families-commerce-sans);
  font-size: var(--font-size-8);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-heights-2) + px;
}

.heading-2 {
  color: var(--gray-700);
  text-align: center;
  font-family: var(--font-families-commerce-sans);
  font-size: var(--font-size-7);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-heights-3) + px;
}

.heading-3 {
  color: var(--gray-700);
  text-align: center;
  font-family: var(--font-families-commerce-sans);
  font-size: var(--font-size-6);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-heights-4) + px;
}

@media (max-width: 768px) {
  .heading-1 {
    font-size: var(--font-size-7);
    line-height: var(--line-heights-3) + px;
    font-weight: 700;
  }

  .heading-2 {
    font-size: var(--font-size-6);
    line-height: var(--line-heights-4) + px;
    font-weight: 700;
  }

  .heading-3 {
    font-size: var(--font-size-5);
    line-height: var(--line-heights-5) + px;
    font-weight: 700;
  }
}