body {
  font-family: "Inter";
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--color-body);
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter";
  font-weight: 500;
  color: var(--color-header);
}

h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 600;
  margin-bottom: clamp(20px, calc(13.143px + 1.905vw), 36px);
}

h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2-d);
  margin-bottom: clamp(16px, calc(10.857px + 1.429vw), 28px);
  &.subline{
    margin-bottom:clamp(8px, calc(4.571px + 0.952vw), 16px);
  }
}

h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
   margin-bottom:clamp(10px, calc(7.429px + 0.714vw), 16px);
}

h4 {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  margin-bottom:clamp(8px, calc(5.429px + 0.714vw), 14px);
}

h5 {
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
  font-weight: 600;
  margin-bottom:clamp(6px, calc(3.429px + 0.714vw), 12px);
}

h6 {
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}


@media (max-width: 1199px) {
  h2 {
    line-height: var(--lh-h2-t);
  }
}