#navicon {
  display: none;
}

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

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

  #navicon img {
    width: 28px;
    height: auto;
    display: block;
  }

  nav ul.horizontal {
    display: none;
  }

  #navicon:hover + ul.horizontal,
  nav ul.horizontal:hover {
    display: block;
  }
}