@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Light.html') format('woff2'),
        url('Flexo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-LightIt.html') format('woff2'),
        url('Flexo-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Medium.html') format('woff2'),
        url('Flexo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-ThinIt.html') format('woff2'),
        url('Flexo-ThinIt.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Black.html') format('woff2'),
        url('Flexo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Heavy.html') format('woff2'),
        url('Flexo-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-DemiIt.html') format('woff2'),
        url('Flexo-DemiIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Regular.html') format('woff2'),
        url('Flexo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-MediumIt.html') format('woff2'),
        url('Flexo-MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Demi.html') format('woff2'),
        url('Flexo-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-BoldIt.html') format('woff2'),
        url('Flexo-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-BlackIt.html') format('woff2'),
        url('Flexo-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Thin.html') format('woff2'),
        url('Flexo-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-Bold.html') format('woff2'),
        url('Flexo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-HeavyIt.html') format('woff2'),
        url('Flexo-HeavyIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Flexo';
    src: url('Flexo-It.html') format('woff2'),
        url('Flexo-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}