@font-face {
  font-family: "Vektoria Display";
  src: url("../fonts/cormorant-garamond-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vektoria Display";
  src: url("../fonts/cormorant-garamond-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vektoria Display";
  src: url("../fonts/cormorant-garamond-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vektoria Display";
  src: url("../fonts/cormorant-garamond-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --example-display-font: "Vektoria Display", "SeasonMix", Georgia, serif;
}

h1,
h2,
h3,
.hero-heading,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading_about-page_cards_text,
.heading-team-modal,
.reveal-text,
.footer-text {
  font-family: var(--example-display-font);
}

.navbar_logo,
.footer-logo {
  align-items: center;
  color: #fff;
  display: flex;
  line-height: 1;
  width: auto;
}

.text-logo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

body[data-scrolled="true"] .navbar_logo {
  color: var(--_primitives---colors--clay) !important;
}

body[data-scrolled="true"] .navbar_logo .text-logo {
  font-size: 1.35rem;
}

.footer_logo-link {
  max-width: max-content;
  width: auto;
}

.footer-logo .text-logo {
  color: #f5eee6 !important;
  font-size: 1.8rem;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .25);
}

@media screen and (max-width: 767px) {
  .text-logo {
    font-size: 1.55rem;
  }

  body[data-scrolled="true"] .navbar_logo .text-logo {
    font-size: 1.15rem;
  }
}
