@font-face {
   font-family: 'Canava Grotesk';
   src: url('../fonts/canava-grotesk/CanavaGrotesk-Regular.eot');
   src: url('../fonts/canava-grotesk/CanavaGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/canava-grotesk/CanavaGrotesk-Regular.woff2') format('woff2'),
      url('../fonts/canava-grotesk/CanavaGrotesk-Regular.woff') format('woff'),
      url('../fonts/canava-grotesk/CanavaGrotesk-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}