@font-face {
    font-family: 'Bon Vivant Family Serif';
    src: url('BonVivantSerif.eot');
    src: url('BonVivantSerif.eot?#iefix') format('embedded-opentype'),
        url('BonVivantSerif.woff2') format('woff2'),
        url('BonVivantSerif.woff') format('woff'),
        url('BonVivantSerif.ttf') format('truetype'),
        url('BonVivantSerif.svg#BonVivantSerif') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bon Vivant Family Serif';
    src: url('BonVivantSerifBold.eot');
    src: url('BonVivantSerifBold.eot?#iefix') format('embedded-opentype'),
        url('BonVivantSerifBold.woff2') format('woff2'),
        url('BonVivantSerifBold.woff') format('woff'),
        url('BonVivantSerifBold.ttf') format('truetype'),
        url('BonVivantSerifBold.svg#BonVivantSerifBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Colour Sans';
    src: url('ColourSans-Light.eot');
    src: url('ColourSans-Light.eot?#iefix') format('embedded-opentype'),
        url('ColourSans-Light.woff2') format('woff2'),
        url('ColourSans-Light.woff') format('woff'),
        url('ColourSans-Light.ttf') format('truetype'),
        url('ColourSans-Light.svg#ColourSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}