Hamburger Menu Page Content Styles

#page-content {
  display: block;
  width: 100%;
  min-height: 100%;
  padding: 70px 100px 40px 100px;
  background: #ffffff;
  position: relative;
  z-index: 5;
  @include box-sizing(border-box);
  @include box-shadow(0 0 7px #000000);
  @include transition-property(left);
  @include transition-duration(0.25s);
  @include transition-timing-function(ease-in); 
  @include transition-delay(0);
  @media (max-width: 767px) {
    padding: 70px 20px 40px 20px;
  }
}

Updated the "height" rule to "min-height". This fixes the case where the content overflows the height.