/* regular */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* regular italic */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

/* medium */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

/* medium italic */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-medium-italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

/* bold */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* bold italic */
@font-face {
  font-family: "Filo Pro";
  src: url("https://storage.googleapis.com/smarthost-public/h-fliegerdeich/fonts/filo-pro/filo-pro-bold-italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}