html, body {
  height: 100%;
  background-color: #DDD;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
}
#footer {
  height: 60px;
  background-color: #CCC;
}

@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#wrap > .container {
  padding-top: 60px;
}
.container .credit {
  margin: 20px 0;
}
code {
  font-size: 80%;
}