html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 30px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 90%;
  height: 30px;
}
@media (max-width: 992px) {
    .footer {
        position: relative;
    }
}