.navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.navigation li {
  float: left;
  border-right:1px solid #bbb;
}

.navigation li:last-child {
  border-right: none;
}

.navigation li a {
  display: block;
  color: white;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
}

.navigation li a:hover:not(.active) {
  /*background-color: #111;*/
  background-image: linear-gradient(-45deg, #014f11, #4eaa1e);
  cursor:pointer;
}

.navigation .active {
  background-color: #04AA6D;
   background-image: linear-gradient(-45deg, #024f22, green, #6eaa2e);
}


/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .navigation li a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    font-size:.7em;
  }
}