/*
@include max($tablet) {
	height: 60px;
}
*/
*,
*::before,
*::after {
  --heading-margin-bottom: 20px;
  --h1-color: var(--primary-color);
  --h1-font-weight: 400;
  --h1-font-size: 56px;
  --h1-line-height: 1;
  --h1-text-transform: uppercase;
  --h2-font-size: 56px;
  --h2-font-weight: 400;
  --h2-font-line-height: 1;
  --h3-font-weight: 500;
  --h3-text-transform: none;
  --h3-font-size: 28px;
}
@media (max-width: 768px) {
  *,
*::before,
*::after {
    --h1-font-size: 36px;
    --h2-font-size: 36px;
    --h3-font-size: 22px;
  }
}

.heading-h3 {
  --heading-margin-bottom: 25px;
}

.heading-container.has-text-color {
  --h3-color: var(--primary-color);
}