html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.mmtext {
    font-family: 'Klein Medium';
    letter-spacing: 8px;
}

.firstpagetext {
    font-family: 'Klein Thin';
    font-weight: 500;
    letter-spacing: 3px;
}

@font-face {
    font-family: 'Klein Medium';
    src: url('../fonts/KleinMedium.woff') format('woff'), url('../fonts/KleinMedium.woff2') format('woff2'), url('../fonts/KleinMedium.otf') format('opentype');
}

@font-face {
    font-family: 'Klein Thin';
    src: url('../fonts/KleinThin.woff') format('woff'), url('../fonts/KleinThin.woff2') format('woff2'), url('../fonts/KleinThin.otf') format('opentype');
}