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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Open Sans';
    src: url('./OpenSans/OpenSans-Italic.eot');
    src: url('./OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('./OpenSans/OpenSans-Italic.woff2') format('woff2'),
         url('./OpenSans/OpenSans-Italic.woff') format('woff'),
         url('./OpenSans/OpenSans-Italic.ttf') format('truetype'),
         url('./OpenSans/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

@font-face {
    font-family: 'Open Sans';
    src: url('./OpenSans/OpenSans-BoldItalic.eot');
    src: url('./OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('./OpenSans/OpenSans-BoldItalic.woff2') format('woff2'),
         url('./OpenSans/OpenSans-BoldItalic.woff') format('woff'),
         url('./OpenSans/OpenSans-BoldItalic.ttf') format('truetype'),
         url('./OpenSans/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

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