@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 100;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Thin_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Light_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Regular_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Medium_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Bold_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 900;
  font-style: normal;
  src: url('../fonts/ALS_Granate_Black_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 100;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Thin\ Italic_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 300;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Light\ Italic_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Regular\ Italic_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 500;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Regular\ Italic_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 700;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Bold\ Italic_1.1.otf') format('opentype');
}

@font-face {
  font-family: 'ALS Granate VF';
  font-weight: 900;
  font-style: italic;
  src: url('../fonts/ALS_Granate_Black\ Italic_1.1.otf') format('opentype');
}