html, body {
  height: 100%;
}

footer {
  color: #666;
  background: #F8F8F8;
  padding: 17px 0 18px 0;
  border-top: 1px solid #D5D5D5;
  font-weight: bold;
}
footer a {
  color: #999;
}
  footer a:hover {
  color: #efefef;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -63px;
}
.push {
  height: 63px;
}
/* not required for sticky footer; just pushes hero down a bit */
.wrapper > .container {
  padding-top: 60px;
}