@font-face {
    font-family: 'CircularStd';
    font-weight: bolder;
    src: url('CircularStd-Black.otf') format("opentype"),
        url('CircularStd-Black.woff') format("woff");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: bolder;
    font-style: italic;
    src: url('CircularStd-BlackItalic.otf') format("opentype"),
        url('CircularStd-BlackItalic.woff') format("woff");
}


@font-face {
    font-family: 'CircularStd';
    font-weight: bold;
    src: url('CircularStd-Bold.otf') format("opentype"),
        url('CircularStd-Bold.woff') format("woff");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: bold;
    font-style: italic;
    src: url('CircularStd-BoldItalic.otf') format("opentype");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: 500;
    src: url('CircularStd-Medium.otf') format("opentype"),
         url('CircularStd-Medium.woff') format("woff");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: 500;
    font-style: italic;
    src: url('CircularStd-MediumItalic.otf') format("opentype");
}


@font-face {
    font-family: 'CircularStd';
    font-weight: normal;
    src: url('CircularStd-Book.otf') format("opentype"),
        url('CircularStd-Book.woff') format("woff");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: normal;
    font-style: italic;
    src: url('CircularStd-BookItalic.otf') format("opentype");
}
/* 
@font-face {
    font-family: 'CircularStd';
    font-weight: lighter;
    src: url('CircularStd-Light.otf') format("opentype");
}

@font-face {
    font-family: 'CircularStd';
    font-weight: lighter;
    font-style: italic;
    src: url('CircularStd-LightItalic.otf') format("opentype");
} */