@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-webfont.c39593cfeb1c.woff2") format('woff2'),
  url("../fonts/markpro-webfont.77a557dca194.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-italic-webfont.1966cdaca2f9.woff2") format('woff2'),
  url("../fonts/markpro-italic-webfont.24919f2145de.woff") format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-medium-webfont.fb40fd60027d.woff2") format('woff2'),
  url("../fonts/markpro-medium-webfont.1e9b4dec8309.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-mediumitalic-webfont.79fc77c6529d.woff2") format('woff2'),
  url("../fonts/markpro-mediumitalic-webfont.12076bf151e3.woff") format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-bold-webfont.e6ad42317c18.woff2") format('woff2'),
  url("../fonts/markpro-bold-webfont.e778f202ad0c.woff") format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'MarkOT';
  src: url("../fonts/markpro-bolditalic-webfont.baf171764b03.woff2") format('woff2'),
  url("../fonts/markpro-bolditalic-webfont.53f3081c9b53.woff") format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: optional;
}