@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 100;
  src: local('SF UI Display Thin'), local('sf-ui-display-thin'), url(../fonts/sf-ui-display-thin.ttf) format('truetype'), url(../fonts/sf-ui-display-thin.otf) format('opentype'), url(../fonts/sf-ui-display-thin.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 200;
  src: local('SF UI Display UltraLight'), local('sf-ui-display-ultralight'), url(../fonts/sf-ui-display-ultralight.ttf) format('truetype'), url(../fonts/sf-ui-display-ultralight.otf) format('opentype'), url(../fonts/sf-ui-display-ultralight.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 300;
  src: local('SF UI Display Light'), local('sf-ui-display-light'), url(../fonts/sf-ui-display-light.ttf) format('truetype'), url(../fonts/sf-ui-display-light.otf) format('opentype'), url(../fonts/sf-ui-display-light.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 400;
  src: local('SF UI Display Regular'), local('sf-ui-display-regular'), url(../fonts/sf-ui-display-regular.ttf) format('truetype'), url(../fonts/sf-ui-display-regular.otf) format('opentype'), url(../fonts/sf-ui-display-medium.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 500;
  src: local('SF UI Display Medium'), local('sf-ui-display-medium'), url(../fonts/sf-ui-display-medium.ttf) format('truetype'), url(../fonts/sf-ui-display-medium.otf) format('opentype'), url(../fonts/sf-ui-display-medium.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 600;
  src: local('SF UI Display SemiBold'), local('sf-ui-display-semibold'), url(../fonts/sf-ui-display-semibold.ttf) format('truetype'), url(../fonts/sf-ui-display-semibold.otf) format('opentype'), url(../fonts/sf-ui-display-semibold.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 700;
  src: local('SF UI Display Bold'), local('sf-ui-display-bold'), url(../fonts/sf-ui-display-bold.ttf) format('truetype'), url(../fonts/sf-ui-display-bold.otf) format('opentype'), url(../fonts/sf-ui-display-bold.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 800;
  src: local('SF UI Display Heavy'), local('sf-ui-display-heavy'), url(../fonts/sf-ui-display-heavy.ttf) format('truetype'), url(../fonts/sf-ui-display-heavy.otf) format('opentype'), url(../fonts/sf-ui-display-heavy.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 900;
  src: local('SF UI Display Black'), local('sf-ui-display-black'), url(../fonts/sf-ui-display-black.ttf) format('truetype'), url(../fonts/sf-ui-display-black.otf) format('opentype'), url(../fonts/sf-ui-display-black.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}