/* ----------------------------------------------
Inter variable font. Usage:

@supports (font-variation-settings: normal) {
	html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: normal;
	font-display: swap;
	src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
}

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: italic;
	font-display: swap;
	src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
}


@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideBlack.eot');
    src: url('../fonts/GraphikWideBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideBlack.woff2') format('woff2'),
        url('../fonts/GraphikWideBlack.woff') format('woff'),
        url('../fonts/GraphikWideBlack.ttf') format('truetype'),
        url('../fonts/GraphikWideBlack.svg#GraphikWideBlack') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideBlackItalic.eot');
    src: url('../fonts/GraphikWideBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideBlackItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideBlackItalic.woff') format('woff'),
        url('../fonts/GraphikWideBlackItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideBlackItalic.svg#GraphikWideBlackItalic') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideBoldItalic.eot');
    src: url('../fonts/GraphikWideBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideBoldItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideBoldItalic.woff') format('woff'),
        url('../fonts/GraphikWideBoldItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideBoldItalic.svg#GraphikWideBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideLightItalic.eot');
    src: url('../fonts/GraphikWideLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideLightItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideLightItalic.woff') format('woff'),
        url('../fonts/GraphikWideLightItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideLightItalic.svg#GraphikWideLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideLight.eot');
    src: url('../fonts/GraphikWideLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideLight.woff2') format('woff2'),
        url('../fonts/GraphikWideLight.woff') format('woff'),
        url('../fonts/GraphikWideLight.ttf') format('truetype'),
        url('../fonts/GraphikWideLight.svg#GraphikWideLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideExtralight.eot');
    src: url('../fonts/GraphikWideExtralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideExtralight.woff2') format('woff2'),
        url('../fonts/GraphikWideExtralight.woff') format('woff'),
        url('../fonts/GraphikWideExtralight.ttf') format('truetype'),
        url('../fonts/GraphikWideExtralight.svg#GraphikWideExtralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideExtralightItalic.eot');
    src: url('../fonts/GraphikWideExtralightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideExtralightItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideExtralightItalic.woff') format('woff'),
        url('../fonts/GraphikWideExtralightItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideExtralightItalic.svg#GraphikWideExtralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideBold.eot');
    src: url('../fonts/GraphikWideBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideBold.woff2') format('woff2'),
        url('../fonts/GraphikWideBold.woff') format('woff'),
        url('../fonts/GraphikWideBold.ttf') format('truetype'),
        url('../fonts/GraphikWideBold.svg#GraphikWideBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideMediumItalic.eot');
    src: url('../fonts/GraphikWideMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideMediumItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideMediumItalic.woff') format('woff'),
        url('../fonts/GraphikWideMediumItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideMediumItalic.svg#GraphikWideMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide Regular';
    src: url('../fonts/GraphikWideRegularItalic.eot');
    src: url('../fonts/GraphikWideRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideRegularItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideRegularItalic.woff') format('woff'),
        url('../fonts/GraphikWideRegularItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideRegularItalic.svg#GraphikWideRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideMedium.eot');
    src: url('../fonts/GraphikWideMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideMedium.woff2') format('woff2'),
        url('../fonts/GraphikWideMedium.woff') format('woff'),
        url('../fonts/GraphikWideMedium.ttf') format('truetype'),
        url('../fonts/GraphikWideMedium.svg#GraphikWideMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideThinItalic.eot');
    src: url('../fonts/GraphikWideThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideThinItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideThinItalic.woff') format('woff'),
        url('../fonts/GraphikWideThinItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideThinItalic.svg#GraphikWideThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide Super';
    src: url('../fonts/GraphikWideSuperItalic.eot');
    src: url('../fonts/GraphikWideSuperItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideSuperItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideSuperItalic.woff') format('woff'),
        url('../fonts/GraphikWideSuperItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideSuperItalic.svg#GraphikWideSuperItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide Super';
    src: url('../fonts/GraphikWideSuper.eot');
    src: url('../fonts/GraphikWideSuper.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideSuper.woff2') format('woff2'),
        url('../fonts/GraphikWideSuper.woff') format('woff'),
        url('../fonts/GraphikWideSuper.ttf') format('truetype'),
        url('../fonts/GraphikWideSuper.svg#GraphikWideSuper') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideThin.eot');
    src: url('../fonts/GraphikWideThin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideThin.woff2') format('woff2'),
        url('../fonts/GraphikWideThin.woff') format('woff'),
        url('../fonts/GraphikWideThin.ttf') format('truetype'),
        url('../fonts/GraphikWideThin.svg#GraphikWideThin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-BlackItalic.eot');
    src: url('../fonts/GraphikWeb-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-BlackItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-BlackItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-BlackItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-BlackItalic.svg#GraphikWeb-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideSemiboldItalic.eot');
    src: url('../fonts/GraphikWideSemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideSemiboldItalic.woff2') format('woff2'),
        url('../fonts/GraphikWideSemiboldItalic.woff') format('woff'),
        url('../fonts/GraphikWideSemiboldItalic.ttf') format('truetype'),
        url('../fonts/GraphikWideSemiboldItalic.svg#GraphikWideSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Black.eot');
    src: url('../fonts/GraphikWeb-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Black.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Black.woff') format('woff'),
        url('../fonts/GraphikWeb-Black.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Black.svg#GraphikWeb-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Wide';
    src: url('../fonts/GraphikWideSemibold.eot');
    src: url('../fonts/GraphikWideSemibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWideSemibold.woff2') format('woff2'),
        url('../fonts/GraphikWideSemibold.woff') format('woff'),
        url('../fonts/GraphikWideSemibold.ttf') format('truetype'),
        url('../fonts/GraphikWideSemibold.svg#GraphikWideSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-ExtralightItalic.eot');
    src: url('../fonts/GraphikWeb-ExtralightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-ExtralightItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-ExtralightItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-ExtralightItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-ExtralightItalic.svg#GraphikWeb-ExtralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Light.eot');
    src: url('../fonts/GraphikWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Light.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Light.woff') format('woff'),
        url('../fonts/GraphikWeb-Light.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Light.svg#GraphikWeb-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-MediumItalic.eot');
    src: url('../fonts/GraphikWeb-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-MediumItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-MediumItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-MediumItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-MediumItalic.svg#GraphikWeb-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Regular.eot');
    src: url('../fonts/GraphikWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Regular.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Regular.woff') format('woff'),
        url('../fonts/GraphikWeb-Regular.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Regular.svg#GraphikWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Medium.eot');
    src: url('../fonts/GraphikWeb-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Medium.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Medium.woff') format('woff'),
        url('../fonts/GraphikWeb-Medium.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Medium.svg#GraphikWeb-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Extralight.eot');
    src: url('../fonts/GraphikWeb-Extralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Extralight.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Extralight.woff') format('woff'),
        url('../fonts/GraphikWeb-Extralight.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Extralight.svg#GraphikWeb-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Bold.eot');
    src: url('../fonts/GraphikWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Bold.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Bold.woff') format('woff'),
        url('../fonts/GraphikWeb-Bold.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Bold.svg#GraphikWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-BoldItalic.eot');
    src: url('../fonts/GraphikWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-BoldItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-BoldItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-BoldItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-BoldItalic.svg#GraphikWeb-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-LightItalic.eot');
    src: url('../fonts/GraphikWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-LightItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-LightItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-LightItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-LightItalic.svg#GraphikWeb-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-RegularItalic.eot');
    src: url('../fonts/GraphikWeb-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-RegularItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-RegularItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-RegularItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-RegularItalic.svg#GraphikWeb-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web Super';
    src: url('../fonts/GraphikWeb-Super.eot');
    src: url('../fonts/GraphikWeb-Super.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Super.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Super.woff') format('woff'),
        url('../fonts/GraphikWeb-Super.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Super.svg#GraphikWeb-Super') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-SemiboldItalic.eot');
    src: url('../fonts/GraphikWeb-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-SemiboldItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-SemiboldItalic.svg#GraphikWeb-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web Super';
    src: url('../fonts/GraphikWeb-SuperItalic.eot');
    src: url('../fonts/GraphikWeb-SuperItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-SuperItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-SuperItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-SuperItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-SuperItalic.svg#GraphikWeb-SuperItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Thin.eot');
    src: url('../fonts/GraphikWeb-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Thin.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Thin.woff') format('woff'),
        url('../fonts/GraphikWeb-Thin.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Thin.svg#GraphikWeb-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Semibold.eot');
    src: url('../fonts/GraphikWeb-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-Semibold.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Semibold.woff') format('woff'),
        url('../fonts/GraphikWeb-Semibold.ttf') format('truetype'),
        url('../fonts/GraphikWeb-Semibold.svg#GraphikWeb-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-ThinItalic.eot');
    src: url('../fonts/GraphikWeb-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GraphikWeb-ThinItalic.woff2') format('woff2'),
        url('../fonts/GraphikWeb-ThinItalic.woff') format('woff'),
        url('../fonts/GraphikWeb-ThinItalic.ttf') format('truetype'),
        url('../fonts/GraphikWeb-ThinItalic.svg#GraphikWeb-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}





@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Bold.eot');
    src: url('../fonts/RecoletaAlt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Bold.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Bold.woff') format('woff'),
        url('../fonts/RecoletaAlt-Bold.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Bold.svg#RecoletaAlt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Thin.eot');
    src: url('../fonts/RecoletaAlt-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Thin.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Thin.woff') format('woff'),
        url('../fonts/RecoletaAlt-Thin.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Thin.svg#RecoletaAlt-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Light.eot');
    src: url('../fonts/RecoletaAlt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Light.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Light.woff') format('woff'),
        url('../fonts/RecoletaAlt-Light.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Light.svg#RecoletaAlt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Black.eot');
    src: url('../fonts/RecoletaAlt-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Black.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Black.woff') format('woff'),
        url('../fonts/RecoletaAlt-Black.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Black.svg#RecoletaAlt-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/Recoleta-Black.eot');
    src: url('../fonts/Recoleta-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Recoleta-Black.woff2') format('woff2'),
        url('../fonts/Recoleta-Black.woff') format('woff'),
        url('../fonts/Recoleta-Black.ttf') format('truetype'),
        url('../fonts/Recoleta-Black.svg#Recoleta-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Regular.eot');
    src: url('../fonts/RecoletaAlt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Regular.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Regular.woff') format('woff'),
        url('../fonts/RecoletaAlt-Regular.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Regular.svg#RecoletaAlt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-SemiBold.eot');
    src: url('../fonts/RecoletaAlt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-SemiBold.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-SemiBold.woff') format('woff'),
        url('../fonts/RecoletaAlt-SemiBold.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-SemiBold.svg#RecoletaAlt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('../fonts/RecoletaAlt-Medium.eot');
    src: url('../fonts/RecoletaAlt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RecoletaAlt-Medium.woff2') format('woff2'),
        url('../fonts/RecoletaAlt-Medium.woff') format('woff'),
        url('../fonts/RecoletaAlt-Medium.ttf') format('truetype'),
        url('../fonts/RecoletaAlt-Medium.svg#RecoletaAlt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/Recoleta-SemiBold.eot');
    src: url('../fonts/Recoleta-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Recoleta-SemiBold.woff2') format('woff2'),
        url('../fonts/Recoleta-SemiBold.woff') format('woff'),
        url('../fonts/Recoleta-SemiBold.ttf') format('truetype'),
        url('../fonts/Recoleta-SemiBold.svg#Recoleta-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/Recoleta-Medium.eot');
    src: url('../fonts/Recoleta-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Recoleta-Medium.woff2') format('woff2'),
        url('../fonts/Recoleta-Medium.woff') format('woff'),
        url('../fonts/Recoleta-Medium.ttf') format('truetype'),
        url('../fonts/Recoleta-Medium.svg#Recoleta-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/Recoleta-Thin.eot');
    src: url('../fonts/Recoleta-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Recoleta-Thin.woff2') format('woff2'),
        url('../fonts/Recoleta-Thin.woff') format('woff'),
        url('../fonts/Recoleta-Thin.ttf') format('truetype'),
        url('../fonts/Recoleta-Thin.svg#Recoleta-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/Recoleta-Light.eot');
    src: url('../fonts/Recoleta-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Recoleta-Light.woff2') format('woff2'),
        url('../fonts/Recoleta-Light.woff') format('woff'),
        url('../fonts/Recoleta-Light.ttf') format('truetype'),
        url('../fonts/Recoleta-Light.svg#Recoleta-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}