@font-face {
  font-family: 'Product Sans Light Regular';
  font-style: normal;
  font-weight: 300;
  src: local('Product Sans Light Regular'), url('ProductSans-Light.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Light Italic';
  font-style: italic;
  font-weight: 300;
  src: local('Product Sans Light Italic'), url('ProductSans-LightItalic.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: url('ProductSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Italic';
  font-style: italic;
  font-weight: 400;
  src: local('Product Sans Italic'), url('ProductSans-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Medium Regular';
  font-style: normal;
  font-weight: 600;
  src: local('Product Sans Medium Regular'), url('ProductSans-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Medium Italic';
  font-style: italic;
  font-weight: 600;
  src: local('Product Sans Medium Italic'), url('ProductSans-MediumItalic.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Product Sans Bold'), url('ProductSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Product Sans Bold Italic';
  font-style: italic;
  font-weight: 700;
  src: local('Product Sans Bold Italic'), url('ProductSans-BoldItalic.woff') format('woff');
}