@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Fira Sans Light'), local('Fira-Sans-Light'),
       url('/fonts/FiraSans-Light.woff2') format('woff2'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Fira Sans Light Italic'), local('Fira-Sans-Light-Italic'),
       url('/fonts/FiraSans-LightItalic.woff2') format('woff2'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('Fira-Sans-Regular'),
       url('/fonts/FiraSans-Regular.woff2') format('woff2')
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Fira Sans Italic'), local('Fira-Sans-Italic'),
       url('/fonts/FiraSans-Italic.woff2') format('woff2'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('Fira-Sans-Bold'),
       url('/fonts/FiraSans-Bold.woff2') format('woff2'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Fira Sans Bold Italic'), local('Fira-Sans-Bold-Italic'),
       url('/fonts/FiraSans-BoldItalic.woff2') format('woff2'), /* Safari, Android, iOS */
}