@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_bold.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_light.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_light_italic.otf") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_regular.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_regular_italic.otf") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro";
  src: url("fonts/sofia-pro_semi_bold.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
}