@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Regular Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Medium.otf') format('opentype');
    font-weight: 500; /* medium */
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Bold.otf') format('opentype');
    font-weight: bold; /* or 700 */
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Light.otf') format('opentype');
    font-weight: 300; /* light */
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Black.otf') format('opentype');
    font-weight: 900; /* black */
    font-style: normal;
}

@font-face {
    font-family: 'CeraPRO';
    src: url('../fonts/cerapro/Cera Pro Black Italic.otf') format('opentype');
    font-weight: 900; /* black */
    font-style: italic;
}

body {
    font-family: 'CeraPRO', fallback, sans-serif !important;
}

h1 {
    font-weight: bold; /* Will use 'Cera Pro Bold.otf' */
}

p.light {
    font-weight: 300; /* Will use 'Cera Pro Light.otf' */
}

p.medium {
    font-weight: 500; /* Will use 'Cera Pro Medium.otf' */
}

span.black {
    font-weight: 900; /* Will use 'Cera Pro Black.otf' */
}

em {
    font-style: italic; /* Will use the Italic version when available */
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.noborder {
    border: 0 !important;
}