@font-face {
  font-family: 'SFUIDisplay-Regular';
  src: url('../fonts/SFUIDisplay-Regular.eot');
  src: url('../fonts/SFUIDisplay-Regular.woff2') format('woff2'),
       url('../fonts/SFUIDisplay-Regular.woff') format('woff'),
       url('../fonts/SFUIDisplay-Regular.ttf') format('truetype'),
       url('../fonts/SFUIDisplay-Regular.svg') format('svg'),
       url('../fonts/SFUIDisplay-Regulard41d.eot%3F') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFUIDisplay-Heavy';
  src: url('../fonts/SFUIDisplay-Heavy.eot');
  src: url('../fonts/SFUIDisplay-Heavy.woff2') format('woff2'),
       url('../fonts/SFUIDisplay-Heavy.woff') format('woff'),
       url('../fonts/SFUIDisplay-Heavy.ttf') format('truetype'),
       url('../fonts/SFUIDisplay-Heavy.svg') format('svg'),
       url('../fonts/SFUIDisplay-Heavyd41d.eot%3F') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFUIDisplay-Bold';
  src: url('../fonts/SFUIDisplay-Bold.eot');
  src: url('../fonts/SFUIDisplay-Bold.woff2') format('woff2'),
       url('../fonts/SFUIDisplay-Bold.woff') format('woff'),
       url('../fonts/SFUIDisplay-Bold.ttf') format('truetype'),
       url('../fonts/SFUIDisplay-Bold.svg') format('svg'),
       url('../fonts/SFUIDisplay-Boldd41d.eot%3F') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFUIDisplay-Thin';
  src: url('../fonts/SFUIDisplay-Thin.eot');
  src: url('../fonts/SFUIDisplay-Thin.woff2') format('woff2'),
       url('../fonts/SFUIDisplay-Thin.woff') format('woff'),
       url('../fonts/SFUIDisplay-Thin.ttf') format('truetype'),
       url('../fonts/SFUIDisplay-Thin.svg') format('svg'),
       url('../fonts/SFUIDisplay-Thind41d.eot%3F') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}