@font-face {
    font-family: 'GillSans-Light';
    src: url('GillSans-Light.woff2') format('woff2'),
        url('GillSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BigCaslon-Medium';
    src: url('BigCaslon-Medium.woff2') format('woff2'),
        url('BigCaslon-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GillSans';
    src: url('GillSans.woff2') format('woff2'),
        url('GillSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler.woff2') format('woff2'),
        url('Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GillSans-SemiBold';
    src: url('GillSans-SemiBold.woff2') format('woff2'),
        url('GillSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RebrandDisExBold';
    src: url('RebrandDisExBold.woff2') format('woff2'),
        url('RebrandDisExBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.brown-font { color: #8D351E; }
.green-font { color: #495937; }
.turquoise-font { color: #005B63; }
.white-font { color: #ffffff; }
.black-font { color: #000000; }
.beige-font { color: #f5e6c1; }