html,body {
  height: 100%
}

.wrap {
  min-height: 100%;
}

.main {
  overflow: auto
}

.footer {
  margin-top: -340px;
  position: relative;
  clear: both;
}

@media only screen and (max-width: 990px) {
  .footer {
    position: inherit;
    margin-top: 0;
  }
}