#navicon {
  display: none;
}

@media only screen and (max-width: 480px) {

  #navicon {
    display: block;
  }

  nav ul.horizontal {
    display: none;
  }

  #navicon:hover + ul.horizontal,
  nav ul.horizontal:hover {
    display: block;
  }
}
#navicon img {
  width: 28px;
  height: auto;
  display: block;
}

#navicon {
  display: block;
  text-align: left;
  padding-left: 12px;
   padding-bottom: 6px;
  margin-bottom: 6px;
  line-height: 6px;
}