@media (min-width: 768px) and (max-width: 990px) {
  .navigation {
    background: rgba(0, 0, 0, 0.3); }
    .navigation .navbar-brand {
      float: none; }
}
@media (max-width: 990px) {
  #top-nav a {
    max-width: 80%;
  }
  #top-nav .navbar-brand {
    float:left;
  }
  #navbarResponsive {
    clear:both;
    margin-top: 45px;
  }
  #navbarResponsive li {
     background-color:#FFF;
     z-index: 1000;
     border-bottom: 1px solid #85B336;
     padding: 10px 15px;
  }
  #navbarResponsive li a {
    color:#352D22;
  }
  #navbarResponsive li a:hover {
    color:#85B336;
    text-decoration: none;
  }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 0rem;
  }
  #about .columns-4-8 .columns-4-4-4 .column { width: 100% }
}
@media (max-width: 480px) {
  #top-nav a {
    max-width: 70%;
  }
  #about .columns-4-8 .columns-4-4-4 .column { width: 100% }
}
@media (min-width: 990px) {
  .navbar-nav .nav-link {
    float: left;
  }
  #top-nav {
    padding-top: 15px;
  }
  .navigation.animated {
    background-color: #fff;
    box-shadow: 0 2px 7px 0px rgba(142, 142, 142, 0.15);
  }
  .navigation.animated .menu a {
    color: #666; }
}