@font-face {
    font-family: 'PFCentroSlabPro-Bold';
    src: url('PFCentroSlabPro-Bold.woff2') format('woff2'),
         url('PFCentroSlabPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFCentroSlabPro-Light';
    src: url('PFCentroSlabPro-Light.woff2') format('woff2'),
         url('PFCentroSlabPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFCentroSlabPro-Medium';
    src: url('PFCentroSlabPro-Medium.woff2') format('woff2'),
         url('PFCentroSlabPro-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFCentroSlabPro-Reg';
    src: url('PFCentroSlabPro-Reg.woff2') format('woff2'),
         url('PFCentroSlabPro-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/**********************************************************************************************/
html {
    --font-med: "PFCentroSlabPro-Medium", sans-serif;
    --font-reg: "PFCentroSlabPro-Reg", sans-serif;
    --font-bold: "PFCentroSlabPro-Bold", sans-serif;
    --font-light: "PFCentroSlabPro-Light", sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6, p, a {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-font-kerning: none;
    font-kerning: none;
    text-rendering: optimizeLegibility;
    color: var(--color-black);
}
body, .font-b {
    font-family: var(--font-med);
    font-kerning: none;
}
.font-reg {
    font-family: var(--font-reg);
    font-kerning: none;
}
.font-bold {
    font-family: var(--font-bold);
    font-kerning: none;
}
.font-light {
    font-family: var(--font-light);
    font-kerning: none;
}
/**********************************************************************************************/
.h1, h1 {
    font-size: calc(2.375rem + ((1vw - 0.225rem) * 1.25)); /* 38 - 56 */
}
@media (min-width: 1800px) {
    .h1, h1 {
        font-size: 56px;
    }
    
}
/**********************************************************************************************/
.h2, h2 {
    font-size: calc(2.125rem + ((1vw - 0.225rem) * 0.8333)); /* 34 - 46 */
}
@media (min-width: 1800px) {
    .h2, h2 {
        font-size: 46px;
    }
    
}
/**********************************************************************************************/
.h3, h3 {
    font-size: calc(1.5rem + ((1vw - 0.225rem) * 1.25)); /* 24 - 42 */
}
@media (min-width: 1800px) {
    .h3, h3 {
        font-size: 42px;
    }
    
}
/**********************************************************************************************/
.h4, h4 {
    font-size: calc(1.625rem + ((1vw - 0.225rem) * 0.4167)); /* 26 - 32 */
}
@media (min-width: 1800px) {
    .h4, h4 {
        font-size: 32px;
    }
    
}
/**********************************************************************************************/
.h5, h5 {
    font-size: calc(1.25rem + ((1vw - 0.225rem) * 0.2778)); /* 20 - 24 */
}
@media (min-width: 1800px) {
    .h5, h5 {
        font-size: 24px;
    }
    
}
/**********************************************************************************************/
.h6, h6 {
    font-size: 16px;
}
/**********************************************************************************************/
body, p {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.2778)); /* 16 - 20 */
}
@media (min-width: 1800px) {
    body, p {
        font-size: 20px;
    }
    
}
/**********************************************************************************************/
.theContent h1,
.theContent h2,
.theContent h3,
.theContent h4,
.theContent h5,
.theContent h6 {
    font-size: calc(1.625rem + ((1vw - 0.225rem) * 0.4167)); /* 26 - 32 */
    margin-bottom: 15px;
    font-family: var(--font-b);
}
.theContent p,
.theContent li {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.2778)); /* 16 - 20 */
    margin-bottom: 15px;
    font-family: var(--font-b);
}
@media (min-width: 1800px) {
    .theContent h1,
    .theContent h2,
    .theContent h3,
    .theContent h4,
    .theContent h5,
    .theContent h6 {
        font-size: 32px;
        margin-bottom: 20px;
        font-family: var(--font-b);
    }
    .theContent p,
    .theContent li {
        font-size: 20px;
        margin-bottom: 20px;
        font-family: var(--font-b);
    }
}
/**********************************************************************************************/
.theContent-single h1,
.theContent-single h2,
.theContent-single h3,
.theContent-single h4,
.theContent-single h5,
.theContent-single h6,
.theContent-single p {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: var(--font-b);
}
.theContent-single ol,
.theContent-single ul,
.theContent-single li {
    font-size: 20px;
    margin-bottom: 30px;
    font-family: var(--font-bold);
}
/**********************************************************************************************/