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

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

@font-face {
    font-family: 'Euclid Circular';
    src: url('../fonts/EuclidCircularB-MediumItalic-WebM.woff2') format('woff2'),
        url('../fonts/EuclidCircularB-MediumItalic-WebM.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

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

@font-face {
    font-family: 'Euclid Circular';
    src: url('../fonts/EuclidCircularB-RegularItalic-WebM.woff2') format('woff2'),
        url('../fonts/EuclidCircularB-RegularItalic-WebM.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Triangle';
    src: url('../fonts/EuclidTriangle-Medium-WebM.woff2') format('woff2'),
        url('../fonts/EuclidTriangle-Medium-WebM.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}