@font-face {
  font-family: 'Avenir';
  src: url('fonts/avenir_roman_12-webfont.eot');
  src: url('fonts/avenir_roman_12-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/avenir_roman_12-webfont.woff2') format('woff2'),
       url('fonts/avenir_roman_12-webfont.woff') format('woff'),
       url('fonts/avenir_roman_12-webfont.ttf') format('truetype'),
       url('fonts/avenir_roman_12-webfont.svg#cocogoose') format('svg');
  font-weight: normal;
  font-style: normal;
}

.avenir {
  font-family: 'Avenir';
}

/* Google fonts */
.krona-one {
  font-family: "Krona One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}