/* raleway-regular - latin */
@font-face {
  font-family: Raleway;
  src:
    url("../../assets/fonts/raleway-v28-latin/raleway-v28-latin-regular.woff2") format("woff2"),
    url("../../assets/fonts/raleway-v28-latin/raleway-v28-latin-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */

  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}

/* raleway-700 - latin */
@font-face {
  font-family: Raleway;
  src:
    url("../../assets/fonts/raleway-v28-latin/raleway-v28-latin-700.woff2") format("woff2"),
    url("../../assets/fonts/raleway-v28-latin/raleway-v28-latin-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */

  font-weight: 700;
  font-style: normal;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-size-xxxxxx-large,
.font-size-xxxxx-large,
.font-size-xxxx-large,
.font-size-xxx-large,
.font-size-xx-large,
.font-size-x-large,
.font-size-large {
  font-family: var(--font-primary);
}

.font-size-xxxxxx-large {
  font-size: var(--font-size-responsive-xxxxxx-large);
  line-height: var(--font-size-massive-line-height);
}
h1,
.font-size-xxxxx-large {
  font-size: var(--font-size-responsive-xxxxx-large);
  line-height: var(--font-size-xxxxx-large-line-height);
}
h2,
.font-size-xxxx-large {
  font-size: var(--font-size-responsive-xxxx-large);
  line-height: var(--font-size-xxxx-large-line-height);
}
h3,
.font-size-xxx-large {
  font-size: var(--font-size-responsive-xxx-large);
  line-height: var(--font-size-xxx-large-line-height);
}
h4,
.font-size-xx-large {
  font-size: var(--font-size-responsive-xx-large);
  line-height: var(--font-size-xx-large-line-height);
}
h5,
.font-size-x-large {
  font-size: var(--font-size-responsive-x-large);
  line-height: var(--font-size-x-large-line-height);
}
h6,
.font-size-large {
  font-size: var(--font-size-responsive-large);
  line-height: var(--font-size-large-line-height);
}

.font-size-default {
  font-size: var(--font-size-responsive-from-small-to-medium);
  line-height: var(--line-height);
}

.font-size-small {
  font-size: var(--font-size-responsive-small);
}

.font-size-x-small {
  font-size: var(--font-size-responsive-x-small);
}