/* Metropolis */

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/metropolis/Metropolis-Light.otf'),
      url('../fonts/metropolis/Metropolis-Light.eot'),
      url('../fonts/metropolis/Metropolis-Light.svg'),
      url('../fonts/metropolis/Metropolis-Light.woff'),
      url('../fonts/metropolis/Metropolis-Light.woff2'),
      url('../fonts/metropolis/Metropolis-Light.ttf');
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/metropolis/Metropolis-Medium.otf'),
      url('../fonts/metropolis/Metropolis-Medium.eot'),
      url('../fonts/metropolis/Metropolis-Medium.ttf'),
      url('../fonts/metropolis/Metropolis-Medium.woff'),
      url('../fonts/metropolis/Metropolis-Medium.woff2'),
      url('../fonts/metropolis/Metropolis-Medium.svg');
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/metropolis/Metropolis-Regular.otf'),
      url('../fonts/metropolis/Metropolis-Regular.eot'),
      url('../fonts/metropolis/Metropolis-Regular.ttf'),
      url('../fonts/metropolis/Metropolis-Regular.woff'),
      url('../fonts/metropolis/Metropolis-Regular.woff2'),
      url('../fonts/metropolis/Metropolis-Regular.svg');
}

@font-face {
  font-family: 'Mottas';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mottas/Mottas.otf'),
      url('../fonts/mottas/mottas.eot'),
      url('../fonts/mottas/mottas.woff'),
      url('../fonts/mottas/mottas.woff2'),
      url('../fonts/mottas/mottas.svg'),
      url('../fonts/mottas/Mottas.ttf');
}