@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-Regular.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-RegularItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-ExtraLight.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-Light.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-Thin.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-ExtraLightItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-LightItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 400;
    src: local('Metropolis'), url("Metropolis-ThinItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 500;
    src: local('Metropolis'), url("Metropolis-Medium.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 600;
    src: local('Metropolis'), url("Metropolis-SemiBold.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 700;
    src: local('Metropolis'), url("Metropolis-Bold.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 700;
    src: local('Metropolis'), url("Metropolis-BoldItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 700;
    src: local('Metropolis'), url("Metropolis-MediumItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 700;
    src: local('Metropolis'), url("Metropolis-SemiBoldItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 800;
    src: local('Metropolis'), url("Metropolis-ExtraBold.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 800;
    src: local('Metropolis'), url("Metropolis-ExtraBoldItalic.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 900;
    src: local('Metropolis'), url("Metropolis-Black.woff") format('woff');
}
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 900;
    src: local('Metropolis'), url("Metropolis-BlackItalic.woff") format('woff');
}