.menu{margin:0;padding:0;list-style:none;}

.menu li{float:left;}

.menu a {float: left;
  color: white;
  font-family: arial;
    padding: 43px 30px;
  text-decoration: none;
  white-space: nowrap;
    -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  
  }



.menu a:hover { border-bottom: 4px solid rgb(204, 204, 204);
  background-color: rgb(47, 132, 61);
  color: white;
}


ul.menu li.active a{background-color: rgb(47, 132, 61);border-bottom: 4px solid rgb(204, 204, 204); }