@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-Italic.eot');
    src: local('Cera Pro Italic'), local('CeraPro-Italic'),
        url('CeraPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('CeraPro-Italic.woff') format('woff'),
        url('CeraPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('CeraPro-Regular.woff') format('woff'),
        url('CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('Cera-Pro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
        url('Cera-Pro-Medium.eot?#iefix') format('embedded-opentype'),
        url('Cera-Pro-Medium.woff') format('woff'),
        url('Cera-Pro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro Regular v2';
    src: url('Cera-Pro-Regular.otf.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('Cera-Pro-Regular.eot?#iefix') format('embedded-opentype'),
        url('Cera-Pro-Regular.woff') format('woff'),
        url('Cera-Pro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Cera Pro Light';
    src: url('Cera Pro Light.otf') format('otf'),
        url('Cera Pro Light.ttf') format('ttf');    
    font-style: normal;    
}

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

@font-face {
    font-family: 'cera_prolight';
    src: url('cera_pro_light-webfont.eot');
    src: url('cera_pro_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera_pro_light-webfont.woff2') format('woff2'),
         url('cera_pro_light-webfont.woff') format('woff'),
         url('cera_pro_light-webfont.ttf') format('truetype'),
         url('cera_pro_light-webfont.svg#cera_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cera_proregular';
    src: url('cera-pro-regular-webfont.eot');
    src: url('cera-pro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-pro-regular-webfont.woff2') format('woff2'),
         url('cera-pro-regular-webfont.woff') format('woff'),
         url('cera-pro-regular-webfont.ttf') format('truetype'),
         url('cera-pro-regular-webfont.svg#cera_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cera_promedium';
    src: url('cera-pro-medium-webfont.eot');
    src: url('cera-pro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-pro-medium-webfont.woff2') format('woff2'),
         url('cera-pro-medium-webfont.woff') format('woff'),
         url('cera-pro-medium-webfont.ttf') format('truetype'),
         url('cera-pro-medium-webfont.svg#cera_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cera_probold';
    src: url('cera_pro_bold-webfont.eot');
    src: url('cera_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera_pro_bold-webfont.woff2') format('woff2'),
         url('cera_pro_bold-webfont.woff') format('woff'),
         url('cera_pro_bold-webfont.ttf') format('truetype'),
         url('cera_pro_bold-webfont.svg#cera_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NoeDisplay-RegularV2';
    src:url('NoeDisplay-Regular.woff') format('woff'),
        url('NoeDisplay-Regular.woff2') format('woff2'),
        url('NoeDisplay-Regular.eot'),
        url('NoeDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('NoeDisplay-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoeDisplay-Medium';
    src:url('NoeDisplay-Medium.woff') format('woff'),
        url('NoeDisplay-Medium.woff2') format('woff2'),
        url('NoeDisplay-Medium.eot'),
        url('NoeDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('NoeDisplay-Medium.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoeDisplay-Bold';
    src:url('NoeDisplay-Bold.woff') format('woff'),
        url('NoeDisplay-Bold.woff2') format('woff2'),
        url('NoeDisplay-Bold.eot'),
        url('NoeDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('NoeDisplay-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}