@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Ultralight.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Ultralight"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Ultralight.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Light.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Light"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Light.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Light.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Light"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Light.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Regular.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Regular"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Regular.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Medium.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Medium"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Medium.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Semibold.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Semibold"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Semibold.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Bold.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Bold"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Bold.otf") format("embedded-opentype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'San Francisco Display';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Black.otf");
  /* IE9 Compat Modes */
  src: local("San Francisco Display Black"), url("../fonts/SanFranciscoDisplay/SanFranciscoDisplay-Black.otf") format("embedded-opentype");
  /* Legacy iOS */
}