.footer {
    margin-top: 8em;
    text-align: right;
}

.container {
    width: auto;
    max-width: 680px;
    min-width: 320px;
    padding: 0 1em;
}

body {
    margin-top: 1em;
}

.container .text-muted {
    margin-top: 1.5em;
}

h1 small {
    /*font-size: 1.42rem;
    */
    letter-spacing: -0.7px;
    line-height: 0.6;
}

.page-header {
    margin-bottom: 2rem;
}

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}