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

}

@font-face {
    font-family: 'GreycliffCF-Heavy';
    src: url('fonts/GreycliffCF-Heavy.woff2') format('woff2'),
         url('fonts/GreycliffCF-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreycliffCF-Bold';
    src: url('fonts/GreycliffCF-Bold.woff2') format('woff2'),
         url('fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreycliffCF-DemiBold';
    src: url('fonts/GreycliffCF-DemiBold.woff2') format('woff2'),
         url('fonts/GreycliffCF-DemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}