@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_black_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_black_italic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_black-webfont.woff2') format('woff2'),
         url('../font/cera_pro_black-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_bold_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_bold_italic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_bold-webfont.woff2') format('woff2'),
         url('../font/cera_pro_bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_light_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_light_italic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_light-webfont.woff2') format('woff2'),
         url('../font/cera_pro_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_medium_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_medium_italic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_medium-webfont.woff2') format('woff2'),
         url('../font/cera_pro_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_regular_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_regular_italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_regular-webfont.woff2') format('woff2'),
         url('../font/cera_pro_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_thin_italic-webfont.woff2') format('woff2'),
         url('../font/cera_pro_thin_italic-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'cera_pro';
    src: url('../font/cera_pro_thin-webfont.woff2') format('woff2'),
         url('../font/cera_pro_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}