@font-face {
  font-family: 'Proxima Nova';
  src: url(fonts/Proxima-Nova-Regular.otf) format('opentype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url(fonts/Proxima-Nova-Regular-Italic.otf) format('opentype');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url(fonts/Proxima-Nova-Extrabold.otf) format('opentype');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url(fonts/Proxima-Nova-Extrabold-Italic.otf) format('opentype');
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: 'Metropolis';
  src: url(fonts/Metropolis-Regular.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Metropolis';
  src: url(fonts/Metropolis-RegularItalic.woff) format('woff');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'Metropolis';
  src: url(fonts/Metropolis-Bold.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Metropolis';
  src: url(fonts/Metropolis-BoldItalic.woff) format('woff');
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: 'Metropolis';
  src: url(fonts/Metropolis-ExtraBold.woff) format('woff');
  font-style: normal;
  font-weight: 700;
}
/*
* {
    font-family: "Metropolis";
    font-weight: 400;
}
*/