html {
    height: 100%;
}

body {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) fixed;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* footer customization */
.footer {
  height: 44px;
  padding-top: 10px;
  padding-bottom: 0px;
  background-color: #bbb;
}