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

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

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

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