@font-face {
    font-family: Gogol;
    src: url("../fonts/gogol.ttf") format("truetype");
}

.font-header {
  font-family: "Geologica";
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 110%;

  @media (max-width: 600px) {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
  }
}

.font-body-1 {
  font-family: "Geologica";
  font-weight: 200;
  font-style: normal;
  font-size: 20px;
  line-height: 110%;

  @media (max-width: 600px) {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 110%;
    /* or 15px */
    text-align: justify;
  }
}

.font-body-2 {
  font-family: "Geologica";
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}

.font-body-3 {
  font-family: 'Geologica';
  font-weight: 200;
  font-style: normal;
  font-size: 20px;
  line-height: 110%;
  text-align: right;
  text-transform: uppercase;
}

.font-button {
  font-family: "Geologica";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
}

.font-body-5 {
  font-family: "Geologica";
  font-weight: 500;
  font-style: normal;
  font-size: 32px;
  line-height: 110%;
  text-align: center;
  text-transform: uppercase;
}

.font-secondary {
  font-family: "Geologica";
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 110%;

  @media (max-width: 600px) {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 200;
    font-size: 11px;
    line-height: 110%;
  }
}

.font-accent-1 {
  font-family: "Gogol";
  font-weight: 400;
  font-style: normal;
  font-size: 108.595px;
  line-height: 110%;
}

.font-accent-2 {
  font-family: "Gogol";
  font-weight: 400;
  font-style: normal;
  font-size: 52px;
  line-height: 110%;

  @media (max-width: 600px) {
    font-family: 'Gogol';
    font-style: normal;
    font-weight: 400;
    font-size: 31.4px;
    line-height: 110%;
  }
}

.font-details {
  font-family: 'Geologica';
  font-weight: 400;
  font-style: italic;
  font-size: 20px;
  line-height: 25px;
  text-decoration-line: underline;
}