/** Barlow **/
@font-face {
    font-family: 'Barlow';
    src: local('Barlow Black Italic'), local('Barlow-BlackItalic'),
        url('../fonts/Barlow/Barlow-BlackItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'),
        url('../fonts/Barlow/Barlow-BoldItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow ExtraLight'), local('Barlow-ExtraLight'),
        url('../fonts/Barlow/Barlow-ExtraLight.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Bold'), local('Barlow-Bold'),
        url('../fonts/Barlow/Barlow-Bold.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow ExtraBold'), local('Barlow-ExtraBold'),
        url('../fonts/Barlow/Barlow-ExtraBold.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow ExtraBold Italic'), local('Barlow-ExtraBoldItalic'),
        url('../fonts/Barlow/Barlow-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Black'), local('Barlow-Black'),
        url('../fonts/Barlow/Barlow-Black.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow ExtraLight Italic'), local('Barlow-ExtraLightItalic'),
        url('../fonts/Barlow/Barlow-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Italic'), local('Barlow-Italic'),
        url('../fonts/Barlow/Barlow-Italic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Medium Italic'), local('Barlow-MediumItalic'),
        url('../fonts/Barlow/Barlow-MediumItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Regular'), local('Barlow-Regular'),
        url('../fonts/Barlow/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Thin'), local('Barlow-Thin'),
        url('../fonts/Barlow/Barlow-Thin.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Medium'), local('Barlow-Medium'),
        url('../fonts/Barlow/Barlow-Medium.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Light'), local('Barlow-Light'),
        url('../fonts/Barlow/Barlow-Light.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow SemiBold Italic'), local('Barlow-SemiBoldItalic'),
        url('../fonts/Barlow/Barlow-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow SemiBold'), local('Barlow-SemiBold'),
        url('../fonts/Barlow/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Thin Italic'), local('Barlow-ThinItalic'),
        url('../fonts/Barlow/Barlow-ThinItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: local('Barlow Light Italic'), local('Barlow-LightItalic'),
        url('../fonts/Barlow/Barlow-LightItalic.woff2') format('woff2'),
        url('../fonts/Barlow/Barlow-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
/** Barlow condensed **/
@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'),
        url('fonts/Barlow/BarlowCondensed-Medium.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed ExtraBold'), local('BarlowCondensed-ExtraBold'),
        url('fonts/Barlow/BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Black'), local('BarlowCondensed-Black'),
        url('fonts/Barlow/BarlowCondensed-Black.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed ExtraLight Italic'), local('BarlowCondensed-ExtraLightItalic'),
        url('fonts/Barlow/BarlowCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Medium Italic'), local('BarlowCondensed-MediumItalic'),
        url('fonts/Barlow/BarlowCondensed-MediumItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Black Italic'), local('BarlowCondensed-BlackItalic'),
        url('fonts/Barlow/BarlowCondensed-BlackItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Italic'), local('BarlowCondensed-Italic'),
        url('fonts/Barlow/BarlowCondensed-Italic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'),
        url('fonts/Barlow/BarlowCondensed-Bold.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'),
        url('fonts/Barlow/BarlowCondensed-LightItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed ExtraBold Italic'), local('BarlowCondensed-ExtraBoldItalic'),
        url('fonts/Barlow/BarlowCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Bold Italic'), local('BarlowCondensed-BoldItalic'),
        url('fonts/Barlow/BarlowCondensed-BoldItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Thin'), local('BarlowCondensed-Thin'),
        url('fonts/Barlow/BarlowCondensed-Thin.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Thin Italic'), local('BarlowCondensed-ThinItalic'),
        url('fonts/Barlow/BarlowCondensed-ThinItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'),
        url('fonts/Barlow/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'),
        url('fonts/Barlow/BarlowCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Light'), local('BarlowCondensed-Light'),
        url('fonts/Barlow/BarlowCondensed-Light.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'),
        url('fonts/Barlow/BarlowCondensed-Regular.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('Barlow Condensed ExtraLight'), local('BarlowCondensed-ExtraLight'),
        url('fonts/Barlow/BarlowCondensed-ExtraLight.woff2') format('woff2'),
        url('fonts/Barlow/BarlowCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/** Roboto **/
@font-face {
	font-family: 'Roboto';
	src: local('Roboto-BoldItalic'),		
		url('../fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-MediumItalic'),
		url('../fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-SemiBoldItalic'),
		url('../fonts/Roboto/Roboto-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Italic'),
		url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-LightItalic'),
		url('../fonts/Roboto/Roboto-LightItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-ExtraLightItalic'),
		url('../fonts/Roboto/Roboto-ExtraLightItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-ThinItalic'),
		url('../fonts/Roboto/Roboto-ThinItalic.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Bold'),
		url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-SemiBold'),
		url('../fonts/Roboto/Roboto-SemiBold.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Medium'),
		url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Regular'),
		url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-ExtraLight'),
		url('../fonts/Roboto/Roboto-ExtraLight.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Light'),
		url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto-Thin'),
		url('../fonts/Roboto/Roboto-Thin.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/** Roboto Slab **/
@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-Thin'),
		url('../fonts/Roboto-Slab/RobotoSlab-Thin.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-Regular'),
		url('../fonts/Roboto-Slab/RobotoSlab-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-Light'),
		url('../fonts/Roboto-Slab/RobotoSlab-Light.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-Medium'),
		url('../fonts/Roboto-Slab/RobotoSlab-Medium.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-ExtraLight'),
		url('../fonts/Roboto-Slab/RobotoSlab-ExtraLight.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-Bold'),
		url('../fonts/Roboto-Slab/RobotoSlab-Bold.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('RobotoSlab-SemiBold'),
		url('../fonts/Roboto-Slab/RobotoSlab-SemiBold.woff2') format('woff2'),
		url('../fonts/Roboto-Slab/RobotoSlab-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/** Roboto Serif **/
@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Bold'),
		url('../fonts/Roboto-Serif/RobotoSerif-Bold.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Medium'),
		url('../fonts/Roboto-Serif/RobotoSerif-Medium.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-MediumItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-MediumItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-SemiBold'),
		url('../fonts/Roboto-Serif/RobotoSerif-SemiBold.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-ThinItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-ThinItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Thin'),
		url('../fonts/Roboto-Serif/RobotoSerif-Thin.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-BoldItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-BoldItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-LightItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-LightItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-SemiBoldItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-ExtraLight'),
		url('../fonts/Roboto-Serif/RobotoSerif-ExtraLight.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-ExtraLightItalic'),
		url('../fonts/Roboto-Serif/RobotoSerif-ExtraLightItalic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Light'),
		url('../fonts/Roboto-Serif/RobotoSerif-Light.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Regular'),
		url('../fonts/Roboto-Serif/RobotoSerif-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Serif';
	src: local('RobotoSerif-Italic'),
		url('../fonts/Roboto-Serif/RobotoSerif-Italic.woff2') format('woff2'),
		url('../fonts/Roboto-Serif/RobotoSerif-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}