@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../ProximaNova/proximanova-black-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('../ProximaNova/proximanova-light-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../ProximaNova/proximanova-bold-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../ProximaNova/proximanova-semibold-webfont.woff')
    format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Medium';
  src: url('../ProximaNova/proximanova-medium-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../ProximaNova/proximanova-regular-webfont.woff') format('opentype');
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  font-family: 'ProximaNova-Light', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}

h1,
h2,
h3,
h4 {
  margin-top: 5px;
  font-weight: 100;
  font-family: 'ProximaNova-Semibold', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}