.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
  margin-left: 7em;
}
.sf-menu li:hover > ul li a,
.sf-menu li.sfHover > ul li a {
  background-color: #000000;
  background-image: linear-gradient(147deg, #000000 0%, #434343 74%);
  border-radius: 1em 0.2em;
  padding: 1em;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}

.sf-menu a {
  display: block;
}