#logo a {
  text-transform: uppercase;
  color: #181818;
  font-size: 1.2em;
}

#logo .logo {
  margin-right: 0.3em;
}

#header .header-top .button.button2 {
  background: none;
  border: 2px solid #00FF99;
  border-radius: 8px;
  color: #181818;
  font-weight: 700;
}

#header .header-top .button.join-button {
  background: #00FF99;
  color: #181818;
  font-weight: 700;
  border-radius: 8px;
}


#footer {
  background: linear-gradient(90deg,#00FF99 50.5%,#181818 50.6%);
  height: 360px;
}

#footer>.section {
  height: 100%;
}

#footer>.section>.footer-nav {
  background-color: #181818;
}

#footer>.section>.footer-nav .section.group:last-child {
  margin-top: 55px;
}

#footer ul.social-nav {
  margin-top: 0.8em;
}

@media only screen and (max-width: 767px) {
  #footer {
      background: #00FF99;
  }
}