@font-face {
  font-family: "SF Pro Display Regular";
  src: url("sf-pro-display-regular.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Bold";
  font-weight: bold;
  src: url("sf-pro-display-bold.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Medium";
  src: url("sf-pro-display-medium.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Heavy";
  src: url("sf-pro-display-heavy.otf") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Heavy Italic";
  src: url("sf-pro-display-heavy-italic.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Black Italic";
  src: url("sf-pro-display-black-italic.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Semi Bold";
  src: url("sf-pro-display-semibold.otf") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Semi Bold Italic";
  src: url("sf-pro-display-semi-bold-italic.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Light Italic";
  src: url("sf-pro-display-light-italic.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Thin Italic";
  src: url("sf-pro-display-thin-italic.OTF") format("opentype");
}

@font-face {
  font-family: "SF Pro Display Ultra Light Italic";
  src: url("sf-pro-display-ultra-light-italic.OTF") format("opentype");
}