@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-extrathin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-thin.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-bold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-extrathinitalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-thinitalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-lightitalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-bolditalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-extrabolditalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'typold';
    src: url('../fonts/typold/typold-blackitalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

@mixin sans-serif-font {
    font-family: 'typold', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}