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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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