html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;

}

@font-face {
    font-family: 'gothamnarrow-ultra';
    src: url('../fonts/gothamnarrow-ultra.otf') format('opentype');
}
@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/gotham-book.otf') format('opentype');
}
@font-face {
    font-family: 'gotham-medium';
    src: url('../fonts/gotham-medium.otf') format('opentype');
}
@font-face {
    font-family: 'gothamnarrow-black';
    src: url('../fonts/gothamnarrow-black.otf') format('opentype');
}
@font-face {
    font-family: 'gothamnarrow-book';
    src: url('../fonts/gothamnarrow-book.otf') format('opentype');
}
@font-face {
    font-family: 'gothamnarrow-thin';
    src: url('../fonts/gothamnarrow-thin.otf') format('opentype');
}
@font-face {
    font-family: 'gotham-thin';
    src: url('../fonts/gotham-thin.otf') format('opentype');
}
@font-face {
    font-family: 'gotham-ultra';
    src: url('../fonts/gotham-ultra.otf') format('opentype');
}