@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/webfont/metric-light-webfont.eot');
    src: url('../fonts/metric/webfont/metric-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metric/webfont/metric-light-webfont.woff2') format('woff2'),
         url('../fonts/metric/webfont/metric-light-webfont.woff') format('woff'),
         url('../fonts/metric/webfont/metric-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/webfont/metric-medium-webfont.eot');
    src: url('../fonts/metric/webfont/metric-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metric/webfont/metric-medium-webfont.woff2') format('woff2'),
         url('../fonts/metric/webfont/metric-medium-webfont.woff') format('woff'),
         url('../fonts/metric/webfont/metric-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/webfont/metric-semibold-webfont.eot');
    src: url('../fonts/metric/webfont/metric-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metric/webfont/metric-semibold-webfont.woff2') format('woff2'),
         url('../fonts/metric/webfont/metric-semibold-webfont.woff') format('woff'),
         url('../fonts/metric/webfont/metric-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/webfont/metric-bold-webfont.eot');
    src: url('../fonts/metric/webfont/metric-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metric/webfont/metric-bold-webfont.woff2') format('woff2'),
         url('../fonts/metric/webfont/metric-bold-webfont.woff') format('woff'),
         url('../fonts/metric/webfont/metric-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Metro';
    src: url('../fonts/metro/webfont/metro-400-regular-webfont.woff2') format('woff2'),
         url('../fonts/metro/webfont/metro-400-regular-webfont.woff') format('woff'),
         url('../fonts/metro/webfont/metro-400-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Metro';
    src: url('../fonts/metro/webfont/metro-700-bold-webfont.woff2') format('woff2'),
         url('../fonts/metro/webfont/metro-700-bold-webfont.woff') format('woff'),
         url('../fonts/metro/webfont/metro-700-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Metro';
    src: url('../fonts/metro/webfont/metro-800-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/metro/webfont/metro-800-extrabold-webfont.woff') format('woff'),
         url('../fonts/metro/webfont/metro-800-extrabold-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Metro';
    src: url('../fonts/metro/webfont/metro-900-black-webfont.woff2') format('woff2'),
         url('../fonts/metro/webfont/metro-900-black-webfont.woff') format('woff'),
         url('../fonts/metro/webfont/metro-900-black-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Metro';
    src: url('../fonts/metro/webfont/metro-1000-fat-webfont.woff2') format('woff2'),
         url('../fonts/metro/webfont/metro-1000-fat-webfont.woff') format('woff'),
         url('../fonts/metro/webfont/metro-1000-fat-webfont.ttf') format('truetype');
    font-weight: 1000;
    font-style: normal;
}