:root {
  --font-size-max-1024: 14px;
  font-size: 16px;
  --font-normal: "avenir", sans-serif;
  --font-medium: "avenir-medium", sans-serif;
  --font-bold: "avenir-bold", sans-serif;
  --font-extra-bold: "avenir-extra-bold", sans-serif;
}

:root {
  --font-size-max-767: 14px;
}

/* fonts  */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: var(--font-bold);
}

h1,
.h1 {
  font-size: 3.25rem;
  /* line-height: 1.057; */
  line-height: 1.192;
}

h2,
.h2 {
  font-size: 2.625rem;
  /* line-height: 1.07; */
  line-height: 1.238;
}

h3,
.h3 {
  font-size: 1.875rem;
  line-height: 1.33;
}

h4,
.h4 {
  font-size: 1.625rem;
  line-height: 1.19;
}

h5,
.h5 {
  font-size: 1.312rem;
  line-height: 1.476;
}

h6,
.h6 {
  font-size: 1.125rem;
  line-height: 1.555;
}

p,
.body-txt {
  font-size: 1.125rem;
  line-height: 1.555;
}

.body-txt-sm p,
.body-txt-sm {
  font-size: 0.875rem;
  line-height: 1.571;
}

[class*="c-display-"] {
  font-weight: 400;
}

.c-display-1 {
  font-size: 3.25rem;
}

.c-display-2 {
  font-size: 2.625rem;
}

.c-display-3 {
  /* font-size: 1.875rem; */
  font-size: 2rem;
}

.c-display-4 {
  font-size: 1.75rem;
}

.c-display-5 {
  font-size: 1.5rem;
}

.c-display-6 {
  font-size: 1.125rem;
}

.font-normal,
body .font-normal {
  font-family: var(--font-normal);
  font-weight: 400;
}

.font-medium {
  font-family: var(--font-medium);
  font-weight: 600;
}

.font-bold {
  font-family: var(--font-bold);
  font-weight: 700;
}

.font-extra-bold {
  font-family: var(--font-extra-bold);
  font-weight: 750;
}