@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/thin/Cera\ Pro\ Thin.otf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/thin/Cera\ Pro\ Thin\ Italic.otf");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/light/Cera\ Pro\ Light.otf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/light/Cera\ Pro\ Light\ Italic.otf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/regular/Cera\ Pro\ Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/regular/Cera\ Pro\ Regular\ Italic.otf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/medium/Cera\ Pro\ Medium.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/medium/Cera\ Pro\ Medium\ Italic.otf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/bold/Cera\ Pro\ Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/bold/Cera\ Pro\ Bold\ Italic.otf");
  font-weight: 700;
  font-style: italic;
}


@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/black/Cera\ Pro\ Black.otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/black/Cera\ Pro\ Black\ Italic.otf");
  font-weight: 800;
  font-style: italic;
}