@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-300i.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-500i.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/fonts/aktiv-grotesk-700i.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'chantal';
  src: url('/fonts/chantal-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}