@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratLightSubset.woff2') format('woff2'),
    url('MontserratLightSubset.woff') format('woff');

    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratLightItalicSubset.woff2') format('woff2'),
    url('MontserratLightSubset.woff') format('woff');

    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratRegularSubset.woff2') format('woff2'),
    url('MontserratRegularSubset.woff') format('woff');

    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratRegularItalicSubset.woff2') format('woff2'),
    url('MontserratRegularItalicSubset.woff') format('woff');

    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratSemiBoldSubset.woff2') format('woff2'),
    url('MontserratSemiBoldSubset.woff') format('woff');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratSemiBoldItalicSubset.woff2') format('woff2'),
    url('MontserratSemiBoldItalicSubset.woff') format('woff');

    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratBoldSubset.woff2') format('woff2'),
    url('MontserratBoldSubset.woff') format('woff');

    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('MontserratBoldItalicSubset.woff2') format('woff2'),
    url('MontserratBoldItalicSubset.woff') format('woff');

    font-weight: bold;
    font-style: italic;
}