html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #eee;
  color: #333;
  border-top: 1px solid #ddd;
}

/* tweak col width */
@media screen and (max-width: 1200px) {
  .col-sm-3 {min-width:100%;}
  .col-sm-8 {min-width:100%;}
}

.btn-help,
.btn-help:hover,
.btn-help:active,
.btn-help:focus,
.btn-help:visited {
  cursor: help;
  background-color: inherit;
  border: none;
}