.navbar {
  background:var(--teal)!important;
  border-bottom:0
}

.brand-name {
  color:#fff
}

.brand-name small {
  color:#d3efeb
}

.brand-mark {
  background:#fff;
  color:var(--teal)
}

.nav-links {
  color:#fff
}

.nav-links a:hover,.nav-links .active {
  color:#c0eee7
}

.menu-toggle {
  color:#fff
}

.nav-links .nav-button {
  background:#fff;
  color:var(--teal)
}

@media(max-width:800px) {
  .nav-links {
    background:var(--teal)
  }
}