@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/gs200i.woff2) format('woff2'),
       url(/fonts/gs200i.ttf) format('truetype');
}

@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gs400i.woff2) format('woff2'),
       url(/fonts/gs400i.ttf) format('truetype');
}

@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/gs800i.woff2) format('woff2'),
       url(/fonts/gs800i.ttf) format('truetype');
}

@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/gs200n.woff2) format('woff2'),
       url(/fonts/gs200n.ttf) format('truetype');
}

@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gs400n.woff2) format('woff2'),
       url(/fonts/gs400n.ttf) format('truetype');
}

@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/gs800n.woff2) format('woff2'),
       url(/fonts/gs800n.ttf) format('truetype');
}