body {
  margin: 0;
  font-family: arial;
  font-size:14px;
  background: #e3e3e0;
    color: #333333;
}

header{
  background-color: #6A9638;
/*   text-align:right; */
}
header:before, header:after{
  content:" ";
  display: block;
  clear:both;
}
.ham{
  float:right;
}
.head{
  float:left;
}

nav {
  text-align: left;
  padding:15px 30px;
  display:inline-block
}

.fr{
  float:right;
}
.fl{
  float:left;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0
}


nav ul li.title{
  font-weight:bold;
}

nav ul li {
  display: inline-block;
  padding: 5px 0;
  margin: 0;
  color: #fff;
}

nav ul li a {
  color: #fff;
  padding: 8px 15px;
  text-decoration: none;
  border-radius:50px;
}

a{
    transition:all .3s ease;
}

nav ul li a.active, nav ul li a:hover  {
  background-color: rgb(85, 134, 31);
}

nav ul li a.active:hover { 
    background-color: rgb(71, 120, 18);
}

#responsive-nav {
/*   cursor: pointer;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  padding: 5px 0; */
}

@media (max-width: 768px){
  nav{
    width: calc(100% - 60px);
  }
}