/* -------------- 

    Barlow : google font

-------------- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-barlow {
    font-family: 'Barlow', sans-serif;
}

/* -------------- 

    Sophillia

-------------- */

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

.font-sophillia {
    font-family: 'Sophillia', serif;
}

/* -------------- 

    Helvetica

-------------- */

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

@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica.eot');
    src: url('Helvetica.eot?#iefix?$staticlink$') format('embedded-opentype'),
        url('Helvetica.woff2?$staticlink$') format('woff2'),
        url('Helvetica.woff?$staticlink$') format('woff'),
        url('Helvetica.ttf?$staticlink$') format('truetype'),
        url('Helvetica.svg#Helvetica?$staticlink$') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica-BoldOblique.eot?$staticlink$');
    src: url('Helvetica-BoldOblique.eot?#iefix?$staticlink$') format('embedded-opentype'),
        url('Helvetica-BoldOblique.woff2?$staticlink$') format('woff2'),
        url('Helvetica-BoldOblique.woff?$staticlink$') format('woff'),
        url('Helvetica-BoldOblique.ttf?$staticlink$') format('truetype'),
        url('Helvetica-BoldOblique.svg#Helvetica-BoldOblique?$staticlink$') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica-LightOblique.eot?$staticlink$');
    src: url('Helvetica-LightOblique.eot?#iefix?$staticlink$') format('embedded-opentype'),
        url('Helvetica-LightOblique.woff2?$staticlink$') format('woff2'),
        url('Helvetica-LightOblique.woff?$staticlink$') format('woff'),
        url('Helvetica-LightOblique.ttf?$staticlink$') format('truetype'),
        url('Helvetica-LightOblique.svg#Helvetica-LightOblique?$staticlink$') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica-Oblique.eot?$staticlink$');
    src: url('Helvetica-Oblique.eot?#iefix?$staticlink$') format('embedded-opentype'),
        url('Helvetica-Oblique.woff2?$staticlink$') format('woff2'),
        url('Helvetica-Oblique.woff?$staticlink$') format('woff'),
        url('Helvetica-Oblique.ttf?$staticlink$') format('truetype'),
        url('Helvetica-Oblique.svg#Helvetica-Oblique?$staticlink$') format('svg');
    font-weight: normal;
    font-style: italic;
}

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

.font-helvetica {
    font-family: 'Helvetica', sans-serif;
}