nav ul {
  /* background: white; */
  list-style: none;
  position: relative;
  font-family: "helvetica", arial;
}

nav ul:after {
  content: "";
  clear: both;
  display: block;
}

nav ul li a {
  display: block;
  text-decoration: none;
  color: white;
}

nav ul li a:hover {
  color: white;
  background-color: #c52d2f;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  width: auto;
}

nav ul ul li {
  float: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

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

nav ul ul li a {
  padding: 10px 20px !important;
  color: white;
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 400px;
}