/* ===========================
   BASIS
=========================== */

@font-face {
  font-family: "Basis";
  src: url("/fonts/basis/Basis-Black.woff2") format("woff2"),
    url("/fonts/basis/Basis-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis";
  src: url("/fonts/basis/Basis-Bold.woff2") format("woff2"),
    url("/fonts/basis/Basis-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis";
  src: url("/fonts/basis/Basis-Light.woff2") format("woff2"),
    url("/fonts/basis/Basis-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis";
  src: url("/fonts/basis/Basis-Medium.woff2") format("woff2"),
    url("/fonts/basis/Basis-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis";
  src: url("/fonts/basis/Basis-Regular.woff2") format("woff2"),
    url("/fonts/basis/Basis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===========================
   BAVARIA GATES
=========================== */

@font-face {
  font-family: "Bavaria Gates";
  src: url("/fonts/bavaria-gates/Bavaria Gates.woff2") format("woff2"),
    url("/fonts/bavaria-gates/Bavaria Gates.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===========================
   CS RACHEL
=========================== */

@font-face {
  font-family: "CS Rachel";
  src: url("/fonts/cs-rachel/CSRachel-Italic.woff2") format("woff2"),
    url("/fonts/cs-rachel/CSRachel-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "CS Rachel";
  src: url("/fonts/cs-rachel/CSRachel-Regular.woff2") format("woff2"),
    url("/fonts/cs-rachel/CSRachel-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CS Rachel Reverset";
  src: url("/fonts/cs-rachel/CSRachel-ReversetItalic.woff2") format("woff2"),
    url("/fonts/cs-rachel/CSRachel-ReversetItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/*!general*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  font-family: "CS Rachel";
}

/*! Main */
a {
  text-decoration: none;
}

h1 {
  font-size: var(--fs-9);
  line-height: 1.3;
  font-family: "Bavaria Gates";
  font-weight: 400;
  color: var(--dark-brown);
}

h2 {
  font-size: var(--fs-85);
  font-family: "Bavaria Gates";
  font-weight: 400;
  line-height: 1.3;
  color: var(--dark-brown);
}

h3 {
  font-size: var(--fs-7);
  font-weight: 900;
  color: var(--dark-brown);
}

p,
label,
input {
  font-size: var(--fs-6);
  font-weight: 300;
  color: var(--dark-brown);
}

.btn,
button {
  font-size: var(--fs-4);
  font-weight: 500;
}

.nav-links a {
  font-size: var(--fs-6);
  font-weight: 500;
  transition: var(--animTransition);
  font-family: "CS Rachel";
  color: var(--dark-brown);
  text-decoration: underline !important;
}

.nav-links a:hover {
  opacity: 0.2;
}

.footer_section a {
  font-size: var(--fs-5);
  font-weight: 400;
  display: inline-block;
}
.footer_section a:hover {
  text-decoration: underline;
}

.footer_section .mail {
  font-weight: 500 !important;
}