@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');

@font-face {
  font-family: 'Gilroy';
  font-weight: 700;
  src: url('Gilroy-Bold.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 800;
  src: url('Gilroy-ExtraBold.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 300;
  src: url('Gilroy-Light.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 500;
  src: url('Gilroy-Medium.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 400;
  src: url('Gilroy-Regular.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 600;
  src: url('Gilroy-SemiBold.otf') format('opentype');
  font-display: swap;
}

@font-face { 
  font-family: 'Gilroy'; /*Gilroy Thin*/
  font-weight: 200;
  src: url('Gilroy-Thin.otf') format('opentype');
  font-display: swap;
}
/*
@font-face {
  font-family: 'Hatton';
  font-weight: 700;
  src: url('PP-Hatton-Bold-700.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Hatton';
  font-weight: 500;
  src: url('PP-Hatton-Medium-500.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Hatton';
  font-weight: 200;
  src: url('PP-Hatton-Ultralight-200.otf') format('opentype');
  font-display: swap;
}
*/