@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;
}