body {
  font-family: var(--font-body), sans-serif;
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr-text-body);
	font-size: var(--text-m);
}

.font-heading {
  font-family: var(--font-heading);
}
.font-body {
  font-family: var(--font-body);
}
.h1-home,
.h1-home * {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 600;
  line-height: 1.3;
  text-wrap: balance;
}

.h1-home-color {
  color: var(--clr-text-grey-d-1);
}

.h1,
.h1 * {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 600;
  line-height: 1.3;
  text-wrap: balance;
}
.h1-color {
  color: var(--clr-text-grey-d-1);
}
.h2,
.h2 * {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);

  font-weight: 600;
  line-height: 1.2;
  text-wrap: balance;
}
.h2-color {
  color: var(--clr-text-grey-d-1);
}
.h3,
.h3 * {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 600;
  line-height: 1.4;
  text-wrap: balance;
}
.h3-color {
  color: var(--clr-text-grey-d-1);
}
.h4,
.h4 * {
  font-family: var(--font-body);
  font-size: var(--text-l);
  font-weight: 500;
  line-height: 1.2;
  text-wrap: balance;
}
.h4-color {
  color: var(--clr-text-dark);
}