:root {
  --font-heading: 'triumphbrokmanregular';
  --font-heading-bold: 'triumphbrokmanbold';
  --font-heading-light: 'triumphbrokmanlight';
  --font-paragraph: 'Arial';
}

/* headings and menu */
@font-face {
  font-family: 'Helvetica Neue Extended';
  src: url('../fonts/helvetica-neue-extended-700.eot');
  src: url('../fonts/helvetica-neue-extended-700.eot?#iefix') format('embedded-opentype'),
      url('../fonts/helvetica-neue-extended-700.otf') format('opentype'),
      url('../fonts/helvetica-neue-extended-700.woff2') format('woff2'),
      url('../fonts/helvetica-neue-extended-700.woff') format('woff'),
      url('../fonts/helvetica-neue-extended-700.ttf') format('truetype'),
      url('../fonts/helvetica-neue-extended-700.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}

/* content */
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/helvetica-now-300.eot');
  src: url('../fonts/helvetica-now-300.eot?#iefix') format('embedded-opentype'),
      url('../fonts/helvetica-now-300.otf') format('opentype'),
      url('../fonts/helvetica-now-300.woff2') format('woff2'),
      url('../fonts/helvetica-now-300.woff') format('woff'),
      url('../fonts/helvetica-now-300.ttf') format('truetype'),
      url('../fonts/helvetica-now-300.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/helvetica-now-400.eot');
  src: url('../fonts/helvetica-now-400.eot?#iefix') format('embedded-opentype'),
      url('../fonts/helvetica-now-400.otf') format('opentype'),
      url('../fonts/helvetica-now-400.woff2') format('woff2'),
      url('../fonts/helvetica-now-400.woff') format('woff'),
      url('../fonts/helvetica-now-400.ttf') format('truetype'),
      url('../fonts/helvetica-now-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/helvetica-now-500.eot');
  src: url('../fonts/helvetica-now-500.eot?#iefix') format('embedded-opentype'),
      url('../fonts/helvetica-now-500.otf') format('opentype'),
      url('../fonts/helvetica-now-500.woff2') format('woff2'),
      url('../fonts/helvetica-now-500.woff') format('woff'),
      url('../fonts/helvetica-now-500.ttf') format('truetype'),
      url('../fonts/helvetica-now-500.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}


/* triumph */
@font-face {
  font-family: 'triumphbrokmanbold';
  src: url('../fonts/triumphbrokman-bold-webfont.woff2') format('woff2'),
       url('../fonts/triumphbrokman-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'triumphbrokmanregular';
  src: url('../fonts/triumphbrokman-regular-webfont.woff2') format('woff2'),
       url('../fonts/triumphbrokman-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'triumphbrokmanlight';
  src: url('../fonts/triumphbrokman-light-webfont.woff2') format('woff2'),
       url('../fonts/triumphbrokman-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}