@font-face {
   font-family: "Commuters Sans";
   src: url("fonts/Commuters Sans Regular.woff") format("woff"), url("fonts/Commuters Sans Regular.eot") format("embedded-opentype"), url("fonts/Commuters Sans Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Commuters Sans";
   src: url("fonts/Commuters Sans Bold.woff") format("woff"), url("fonts/Commuters Sans Bold.eot") format("embedded-opentype"), url("fonts/Commuters Sans Bold.otf") format("opentype");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Commuters Sans";
   src: url("fonts/Commuters Sans Italic.woff") format("woff"), url("fonts/Commuters Sans Italic.eot") format("embedded-opentype"), url("fonts/Commuters Sans Italic.otf") format("opentype");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Commuters Sans ExtraLight";
   src: url("fonts/Commuters Sans ExtraLight.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Commuters Sans Light";
   src: url("fonts/Commuters Sans Light.woff") format("woff"), url("fonts/Commuters Sans Light.eot") format("embedded-opentype"), url("fonts/Commuters Sans Light.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Commuters Sans Regular";
   src: url("fonts/Commuters Sans Regular.woff") format("woff"), url("fonts/Commuters Sans Regular.eot") format("embedded-opentype"), url("fonts/Commuters Sans Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Commuters Sans Thin";
   src: url("fonts/Commuters Sans Thin.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}