html, body {
  height: 100%;
  margin: 0;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -100px;
}
.page-wrap:after {
  content: "";
  display: block;
}

.footer, .page-wrap:after{
  height: 100px;
}