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

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

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

@font-face {
    font-family: 'Beatrice-Semibold';
    src: url('../fonts/Beatrice-Semibold.woff2') format('woff2'),
        url('../fonts/Beatrice-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

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

@font-face {
    font-family: 'SaolDisplay-Regular-Italic';
    src: url('../fonts/SaolDisplay-RegularItalic.woff2') format('woff2'),
    url('../fonts/SaolDisplay-RegularItalic.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SaolDisplay-Light-Italic';
    src: url('../fonts/SaolDisplay-LightItalic.woff2') format('woff2'),
    url('../fonts/SaolDisplay-LightItalic.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


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

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


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

@font-face {
    font-family: 'SoalText-Light';
    src: url('../fonts/saol_text_light-webfont.woff2') format('woff2'),
    url('../fonts/saol_text_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}