@font-face {
    src: url('../font/Jost-Black.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-BlackItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 900;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Bold.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-BoldItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-ExtraBold.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-ExtraBoldItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 800;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-ExtraLight.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 200;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-ExtraLightItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 200;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Italic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Light.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-LightItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 300;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Medium.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-MediumItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 500;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Regular.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-SemiBold.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-SemiBoldItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}
@font-face {
    src: url('../font/Jost-Thin.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 100;
    font-style: normal;
}
@font-face {
    src: url('../font/Jost-ThinItalic.ttf');
    font-family: 'Jost';
    font-display: swap;
    font-weight: 100;
    font-style: italic;
}
/*  Font OpenSans  */
@font-face {
    src: url('../font/OpenSans/OpenSans-Regular.ttf');
    font-family: 'OpenSans';
    font-display: swap;
    font-weight: 400;
}

@font-face {
    src: url('../font/OpenSans/OpenSans-Medium.ttf');
    font-family: 'OpenSans';
    font-display: swap;
    font-weight: 500;
}

@font-face {
    src: url('../font/OpenSans/OpenSans-Bold.ttf');
    font-family: 'OpenSans';
    font-display: swap;
    font-weight: 700;
}

/*  Font DIN Pro  */

@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-BlackItalic.eot');
    src: url('../font/DINPro/DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-BlackItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-BlackItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-BlackItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-BlackItalic.svg#DINPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro.eot');
    src: url('../font/DINPro/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro.woff2') format('woff2'),
        url('../font/DINPro/DINPro.woff') format('woff'),
        url('../font/DINPro/DINPro.ttf') format('truetype'),
        url('../font/DINPro/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-Black.eot');
    src: url('../font/DINPro/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-Black.woff2') format('woff2'),
        url('../font/DINPro/DINPro-Black.woff') format('woff'),
        url('../font/DINPro/DINPro-Black.ttf') format('truetype'),
        url('../font/DINPro/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedBold.eot');
    src: url('../font/DINPro/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedBold.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedBold.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedBold.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedBold.svg#DINPro-CondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedRegular.eot');
    src: url('../font/DINPro/DINPro-CondensedRegular.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedRegular.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedRegular.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedRegular.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedRegular.svg#DINPro-CondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedLightItalic.eot');
    src: url('../font/DINPro/DINPro-CondensedLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedLightItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedLightItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedLightItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedLightItalic.svg#DINPro-CondensedLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedBlackItalic.eot');
    src: url('../font/DINPro/DINPro-CondensedBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedBlackItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedBlackItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedBlackItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedBlackItalic.svg#DINPro-CondensedBlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedMedium.eot');
    src: url('../font/DINPro/DINPro-CondensedMedium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedMedium.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedMedium.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedMedium.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedMedium.svg#DINPro-CondensedMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedItalic.eot');
    src: url('../font/DINPro/DINPro-CondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedItalic.svg#DINPro-CondensedItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedBlack.eot');
    src: url('../font/DINPro/DINPro-CondensedBlack.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedBlack.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedBlack.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedBlack.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedBlack.svg#DINPro-CondensedBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedLight.eot');
    src: url('../font/DINPro/DINPro-CondensedLight.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedLight.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedLight.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedLight.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedLight.svg#DINPro-CondensedLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedMediumItalic.eot');
    src: url('../font/DINPro/DINPro-CondensedMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedMediumItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedMediumItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedMediumItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedMediumItalic.svg#DINPro-CondensedMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-BoldItalic.eot');
    src: url('../font/DINPro/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-BoldItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-BoldItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-BoldItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-BoldItalic.svg#DINPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('../font/DINPro/DINPro-CondensedBoldItalic.eot');
    src: url('../font/DINPro/DINPro-CondensedBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-CondensedBoldItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-CondensedBoldItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-CondensedBoldItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-CondensedBoldItalic.svg#DINPro-CondensedBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-MediumItalic.eot');
    src: url('../font/DINPro/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-MediumItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-MediumItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-MediumItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-MediumItalic.svg#DINPro-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-Light.eot');
    src: url('../font/DINPro/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-Light.woff2') format('woff2'),
        url('../font/DINPro/DINPro-Light.woff') format('woff'),
        url('../font/DINPro/DINPro-Light.ttf') format('truetype'),
        url('../font/DINPro/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-Italic.eot');
    src: url('../font/DINPro/DINPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-Italic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-Italic.woff') format('woff'),
        url('../font/DINPro/DINPro-Italic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-Italic.svg#DINPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-Bold.eot');
    src: url('../font/DINPro/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-Bold.woff2') format('woff2'),
        url('../font/DINPro/DINPro-Bold.woff') format('woff'),
        url('../font/DINPro/DINPro-Bold.ttf') format('truetype'),
        url('../font/DINPro/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-LightItalic.eot');
    src: url('../font/DINPro/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-LightItalic.woff2') format('woff2'),
        url('../font/DINPro/DINPro-LightItalic.woff') format('woff'),
        url('../font/DINPro/DINPro-LightItalic.ttf') format('truetype'),
        url('../font/DINPro/DINPro-LightItalic.svg#DINPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../font/DINPro/DINPro-Medium.eot');
    src: url('../font/DINPro/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
}