@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-black.html') format('woff2'),
        url('../sofiapro-black-2.html') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-bold.html') format('woff2'),
        url('../sofiapro-bold-2.html') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-blackitalic.html') format('woff2'),
        url('../sofiapro-blackitalic-2.html') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-bolditalic.html') format('woff2'),
        url('../sofiapro-bolditalic-2.html') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-extralight.html') format('woff2'),
        url('../sofiapro-extralight-2.html') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-extralightitalic.html') format('woff2'),
        url('../sofiapro-extralightitalic-2.html') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-light.html') format('woff2'),
        url('../sofiapro-light-2.html') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-lightitalic.html') format('woff2'),
        url('../sofiapro-lightitalic-2.html') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-medium.html') format('woff2'),
        url('../sofiapro-medium-2.html') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-mediumitalic.html') format('woff2'),
        url('../sofiapro-mediumitalic-2.html') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro.html') format('woff2'),
        url('../sofiapro-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-semibold.html') format('woff2'),
        url('../sofiapro-semibold-2.html') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-italic.html') format('woff2'),
        url('../sofiapro-italic-2.html') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-semibolditalic.html') format('woff2'),
        url('../sofiapro-semibolditalic-2.html') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-ultralight.html') format('woff2'),
        url('../sofiapro-ultralight-2.html') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../sofiapro-ultralightitalic.html') format('woff2'),
        url('../sofiapro-ultralightitalic-2.html') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}