Hamburger Menu Top Bar Styles

nav {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 100px;
  margin: 0 0 20px 0;
  line-height: 50px;
  background: #cccccc;
  position: fixed;
  z-index: 7;
  @include box-sizing(border-box);
  @media (max-width: 767px) {
    height: 100%;
    padding: 0 20px;
    z-index: 1;
    background: #808080;
  }
  a#home-logo {
    display: block;
    float: left;
  }
  ul {
    display: block;
    float: right;
    @media (max-width: 767px) {
      display: block;
      float: left;
      width: 100%;
      line-height: 40px;
    }
    > li {
      display: inline-block;
      @media (max-width: 767px) {
        display: block;
        float: left;
        width: 100%;
      }
      > a {
        @media (max-width: 767px) {
          display: block;
          float: left;
          width: 100%;
        }
      }
    }
  }
}