@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.cdnfonts.com/css/futura-md-bt");

:root {
  /* Brand Primary & Accents */
  --blue-100: #85ccef;
  --blue-200: #4197ce;
  --blue-300: #1158b3;
  --blue-400: #00597e;

  --yellow-100: #f5c518;
  --yellow-200: #ffd700;

  /* Typography */
  --font-nunito: 'Nunito Sans', sans-serif;
  --font-futura: 'Futura Md BT', sans-serif;
}

.font-nunito {
  font-family: var(--font-nunito), var(--font-body), 'Nunito Sans', sans-serif;
}

.font-futura {
  font-family: var(--font-futura), var(--font-display), 'Futura Md BT', sans-serif;
}

.layout {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 640px) {
  .layout {
    padding-left: 0;
    padding-right: 0;
  }
}

.hamburger-toggle > div {
  height: 0 !important;
}

.hamburger-toggle > div::before {
  transform: translateY(0) rotate(45deg) !important;
}

.hamburger-toggle > div::after {
  transform: translateY(0) rotate(-45deg) !important;
}