/* Matter Thin */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Matter Light */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Matter Regular */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterRegular.ttf') format('truetype');
  font-weight: 430;
  font-style: normal;
}

/* Matter Medium */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Matter Medium */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterMedium.ttf') format('truetype');
  font-weight: 570;
  font-style: normal;
}
/* Matter SemiBold */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterSemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Matter Bold */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Matter Heavy */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterHeavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* Matter Black */
@font-face {
  font-family: 'Matter';
  src: url('../fonts/MatterBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* LyonDisplay Black */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

/* LyonDisplay Black Italic */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

/* LyonDisplay Bold */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* LyonDisplay Bold Italic */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

/* LyonDisplay Light */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* LyonDisplay Light Italic */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/* LyonDisplay Medium */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* LyonDisplay Regular */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* LyonDisplay Regular Italic */
@font-face {
  font-family: 'Lyon Display';
  src: url('../fonts/LyonDisplay-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* Castoro Regular */
@font-face {
    font-family: 'Castoro';
    src: url('../fonts/Castoro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  /* Castoro Italic */
  @font-face {
    font-family: 'Castoro';
    src: url('../fonts/Castoro-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
  }
  /* Figtree Regular */
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  /* Figtree Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
  }
  
  /* Figtree Light */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
  
  /* Figtree Light Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
  }
  
  /* Figtree Medium */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  /* Figtree Medium Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
  }
  
  /* Figtree SemiBold */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  
  /* Figtree SemiBold Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
  }
  
  /* Figtree Bold */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  
  /* Figtree Bold Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
  }
  
  /* Figtree ExtraBold */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }
  
  /* Figtree ExtraBold Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
  }
  
  /* Figtree Black */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
  
  /* Figtree Black Italic */
  @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
  }