nav{
float:right;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color:transparent;
  position: relative;
}

nav ul li {
  display: inline-block;
}

nav ul li a {
  color: #fff;
  text-decoration: none;
 font-weight:bold;
  padding: 6px;
  display: block;
   white-space: nowrap;
}

nav ul li:hover {
  background: lightgrey;
}
nav ul li:hover a{
  color:#000;
}
nav ul li:hover i{
  color:#000;
}


nav ul ul {
  position: absolute;
  min-width: 200px;
  background: lightgrey;
  display: none;
}

nav ul ul li {
  display: block;
  background: #e3e3e3;
}

nav ul li:hover ul {
  display: block;
}

nav ul li i {
  color: #fff;
  float: right;
  padding-left:12px;
  font-size:12px !important;

}

nav div {
  background: lightgrey;
  color: #292929;
  font-size: 24px;
  padding: 0.6em;
  cursor: pointer;
  display: none;
}
.bignav{
 width:300px;
 display: inline-block;
}
@media(max-width: 768px) {

  nav div {
    display: block;
  }

  nav ul {
    display: none;
    position: static;
    background: #e3e3e3;
  }

  nav ul li {
    display: block;
  }

  nav ul ul {
    position: static;
    background: #e3e3e3;
  }
nav ul li a {
  color: #000;
}
nav ul li i {
  color: #000;
}
}