@font-face {
    font-family: 'Planer';
    src:
        url('../../fonts/planer/planer-regular-webfont.woff2') format('woff2'),
        url('../../fonts/planer/planer-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Planer';
    src:
        url('../../fonts/planer/planer-italic-webfont.woff2') format('woff2'),
        url('../../fonts/planer/planer-italic-webfont.woff') format('woff');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Planer';
    src:
        url('../../fonts/planer/planer-medium-webfont.woff2') format('woff2'),
        url('../../fonts/planer/planer-medium-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Planer';
    src:
        url('../../fonts/planer/planer-bold-webfont.woff2') format('woff2'),
        url('../../fonts/planer/planer-bold-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Planer';
    src:
        url('../../fonts/planer/planer-bolditalic-webfont.woff2') format('woff2'),
        url('../../fonts/planer/planer-bolditalic-webfont.woff') format('woff');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'icons';
    src:
        url('../../fonts/icons/icons.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}