/* Metropolis Font Family - Complete Set */

/* ExtraLight (200) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-ExtraLight.ttf) format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-ExtraLightItalic.ttf) format('truetype');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

/* Light (300) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Light.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-LightItalic.ttf) format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

/* Regular (400) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-RegularItalic.ttf) format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

/* Medium (500) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Medium.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-MediumItalic.ttf) format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

/* SemiBold (600) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-SemiBold.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-SemiBoldItalic.ttf) format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* Bold (700) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-BoldItalic.ttf) format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* ExtraBold (800) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-ExtraBold.ttf) format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-ExtraBoldItalic.ttf) format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

/* Black (900) */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Black.ttf) format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-BlackItalic.ttf) format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

/* Thin (100) - if available */
@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-Thin.ttf) format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url(../fonts/Metropolis-ThinItalic.ttf) format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}