@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: "Segoe UI";
   src: url("fonts/Segoe UI.woff") format("woff"), url("fonts/Segoe UI.eot") format("embedded-opentype"), url("fonts/Segoe UI.ttf") format("truetype"), url("fonts/Segoe UI.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Segoe UI";
   src: url("fonts/Segoe UI Bold.woff") format("woff"), url("fonts/Segoe UI Bold.eot") format("embedded-opentype"), url("fonts/Segoe UI Bold.ttf") format("truetype"), url("fonts/Segoe UI Bold.svg") format("svg");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Segoe UI";
   src: url("fonts/Segoe UI Italic.woff") format("woff"), url("fonts/Segoe UI Italic.eot") format("embedded-opentype"), url("fonts/Segoe UI Italic.ttf") format("truetype"), url("fonts/Segoe UI Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Segoe UI";
   src: url("fonts/Segoe UI Bold Italic.woff") format("woff"), url("fonts/Segoe UI Bold Italic.eot") format("embedded-opentype"), url("fonts/Segoe UI Bold Italic.ttf") format("truetype"), url("fonts/Segoe UI Bold Italic.svg") format("svg");
   font-weight: bold;
   font-style: italic;
}