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

@font-face {
  font-family: "Digital Sans";
  src: url("../fonts/digital_sans_ef_medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --hal-green: #174d3a;
  --hal-gold: #d4af37;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.hope-logo {
  display: grid;
  min-width: 132px;
  color: var(--hal-green);
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  letter-spacing: .02em;
  text-decoration: none;
}

.hope-logo small {
  margin-top: 5px;
  color: var(--hal-gold);
  font-size: 9px;
  letter-spacing: .18em;
}

.popup-image[style*="display:none"] {
  display: none !important;
}

@media (max-width: 767px) {
  .hope-logo {
    min-width: 112px;
    font-size: 17px;
  }
}