@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Black.eot');
    src:url('../webfonts/Metropolis-Black.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Black.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Bold.eot');
    src:url('../webfonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Bold.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Medium.eot');
    src:url('../webfonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Medium.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Regular.eot');
    src:url('../webfonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Regular.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Light.eot');
    src:url('../webfonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Light.ttf') format('truetype');
    font-weight:200;
    font-style:normal;
}

@font-face {
    font-family:'Metropolis';
    src:url('../webfonts/Metropolis-Thin.eot');
    src:url('../webfonts/Metropolis-Thin.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metropolis-Thin.ttf') format('truetype');
    font-weight:100;
    font-style:normal;
}