:root {
  --color-1: #101820;
  --color-2: #7F2346;
  --color-3: #F5333F;
  --color-4: #93D500;
  --gradient: linear-gradient(90deg, #f5333f 0%, #7f2346 100%);
}

.smg-header > .fl-row-content-wrap {
  background: var(--gradient);
}

#site-image a {
  display: block;
}

h1.entry-title {
  font-size: 31px;
  font-weight: 900;
  font-family: "Niveau-Grotesk", niveau-grotesk, sans-serif;
}

@media (min-width: 600px) and (max-width: 921px) {
  h1.entry-title {
    font-size: 40px;
  }
}
@media (min-width: 922px) {
  #site-primary-menu .menu > li {
    margin-left: 5px;
    margin-right: 5px;
  }
  #site-primary-menu .menu > li > a {
    padding: 40px 20px;
    color: #fff;
    transition: all 300ms linear;
  }
  #site-primary-menu .menu > li > a:hover {
    background-color: #fff;
  }
  #site-primary-menu .menu > li > a:hover, #site-primary-menu .menu > li > a:hover span {
    color: var(--color-1);
  }
  #site-primary-menu .menu > li.current-menu-item > a {
    background-color: #fff;
  }
  #site-primary-menu .menu > li.current-menu-item > a, #site-primary-menu .menu > li.current-menu-item > a span {
    color: var(--color-1);
  }
  #site-primary-menu .menu > li:first-child {
    margin-left: 0;
  }
  #site-primary-menu .menu > li:last-child {
    margin-right: 0;
  }

  h1.entry-title {
    font-size: 72px;
  }
}