html {
  height: 100%;
  min-height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  -webkit-font-smoothing: antialiased;
  color: $body-font-color;
  background-color: $white;
  font-size: $font-size;
  font-family: $font-family-open-sans;
  font-weight: $font-weight-reg;
  height: 100%;
  min-height: 100%;
}

h1, h2, h3, h4, h5 {
  font-family: $font-family-klavika;
  -webkit-font-smoothing: antialiased;
}

h1 {
  margin-bottom: 24px;
}

@media (min-width: $screen-sm) and (max-width: $screen-md) {
  .container {
    padding: 0;
    max-width: $screen-md;
    min-width: $screen-sm;
  }
}