@font-face {
   font-family: "Metropolis";
   src: url("fonts/Metropolis-Regular.woff") format("woff"), url("fonts/Metropolis-Regular.eot") format("embedded-opentype"), url("fonts/Metropolis-Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Metropolis Light";
   src: url("fonts/Metropolis-Light.woff") format("woff"), url("fonts/Metropolis-Light.eot") format("embedded-opentype"), url("fonts/Metropolis-Light.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Metropolis Medium";
   src: url("fonts/Metropolis-Medium.woff") format("woff"), url("fonts/Metropolis-Medium.eot") format("embedded-opentype"), url("fonts/Metropolis-Medium.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Synthese Book";
   src: url("fonts/Synthese Book.woff") format("woff"), url("fonts/Synthese Book.eot") format("embedded-opentype"), url("fonts/Synthese Book.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Metropolis Extra Light";
   src: url("fonts/Metropolis-ExtraLight.woff") format("woff"), url("fonts/Metropolis-ExtraLight.eot") format("embedded-opentype"), url("fonts/Metropolis-ExtraLight.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}