html {
  position: relative;
  min-height: 100%;
}

html, body {
    height: inherit;
}

body {
  padding-bottom: 30px; 
}

.page-wrapper {
   position: inherit;
}

footer {
    bottom: 0;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}