@font-face {
  font-family: 'Aktiv Grotesk';
  font-style: 'normal';
  font-display: 'swap';
  font-weight: 700;
  src: local('Aktiv Grotesk Bold'), local('Aktiv-Grotesk-Bold'),
    url('/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.woff2') format('woff2'),
    url('/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.woff') format('woff'),
    url('/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Bold';
  font-style: 'normal';
  font-display: 'swap';
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
    url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

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