@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-Light.woff") format("woff");
  font-weight: 300; /* lighter */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300; /* lighter */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal; /* 400 */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-RegularItalic.woff") format("woff");
  font-style: italic;
  font-weight: normal; /* 400 */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-Medium.woff") format("woff");
  font-style: italic;
  font-weight: bold; /* 700 */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-MediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold; /* 700 */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-Bold.woff") format("woff");
  font-weight: 800; /* bolder */
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/FiraSans-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 800; /* bolder */
}