@font-face {
  font-family: Geomanist;
  src: url("/assets/fonts/Geomanist-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: Geomanist;
  src: url("/assets/fonts/Geomanist-Book.ttf");
  font-weight: 350;
}

@font-face {
  font-family: Geomanist;
  src: url("/assets/fonts/Geomanist-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: Geomanist;
  src: url("/assets/fonts/Geomanist-Bold.ttf");
  font-weight: 700;
}

body,
html {
  font-family: Geomanist, serif;
}

h1 {
  font-size: 72px !important;
  font-family: Geomanist, serif;
}

h2 {
  font-size: 32px !important;
  font-family: Geomanist, serif;
}

h3 {
  font-size: 24px !important;
  font-family: Geomanist, serif;
  color: #575a5e;
}

h4 {
  font-size: 20px !important;
  font-family: Geomanist, serif;
  color: #575a5e;
}

h5 {
  font-size: 18px !important;
  font-family: Geomanist, serif;
  color: #575a5e;
}

p,
a {
  font-size: 16px;
  font-family: Geomanist, serif;
}

p,
span,
label {
  color: #575a5e;
}

.footer-block p,
.footer-block span,
.footer-block label {
  color: #ffffff;
}

@media (max-width: 1024px) {
  h1 {
    font-size: 42px !important;
    font-family: Geomanist, serif;
  }

  h2 {
    font-size: 24px !important;
    font-family: Geomanist, serif;
  }

  h3 {
    font-size: 20px !important;
    font-family: Geomanist, serif;
  }

  h4 {
    font-size: 16px !important;
    font-family: Geomanist, serif;
  }

  h5 {
    font-size: 14px !important;
    font-family: Geomanist, serif;
  }

  p,
  a {
    font-family: Geomanist, serif;
  }
}