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

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

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

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