@font-face {
    font-family: 'Barlow';
    font-weight: 100;
    src:         url('../fonts/barlow/Barlow-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 100;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-ThinItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 200;
    src:         url('../fonts/barlow/Barlow-ExtraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 200;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-ExtraLightItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 300;
    src:         url('../fonts/barlow/Barlow-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 300;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-LightItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 400;
    src:         url('../fonts/barlow/Barlow-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 400;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 500;
    src:         url('../fonts/barlow/Barlow-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 500;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-MediumItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 600;
    src:         url('../fonts/barlow/Barlow-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 600;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-SemiBoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 700;
    src:         url('../fonts/barlow/Barlow-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 700;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-BoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 800;
    src:         url('../fonts/barlow/Barlow-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 800;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-ExtraBoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 900;
    src:         url('../fonts/barlow/Barlow-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 900;
    font-style:  italic;
    src:         url('../fonts/barlow/Barlow-BlackItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 100 900;
    src:         url('../fonts/roboto/Roboto-VariableFont_wdth,wght.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 100 900;
    font-style:  italic;
    src:         url('../fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Rubik';
    font-weight: 300 900;
    src:         url('../fonts/rubik/Rubik-VariableFont_wght.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Rubik';
    font-weight: 300 900;
    font-style:  italic;
    src:         url('../fonts/rubik/Rubik-Italic-VariableFont_wght.woff2') format('woff2-variations');
}