@font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-black-webfont.html') format('woff2'),  url('../fonts/metropolis-black-webfont-2.html') format('woff');
 font-weight: 800;
 font-style: normal;
}
 @font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-bold-webfont.html') format('woff2'),  url('../fonts/metropolis-bold-webfont-2.html') format('woff');
 font-weight: 700;
 font-style: normal;
}
 @font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-medium-webfont.html') format('woff2'),  url('../fonts/metropolis-medium-webfont-2.html') format('woff');
 font-weight: 600;
 font-style: normal;
}
 @font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-regular-webfont.html') format('woff2'),  url('../fonts/metropolis-regular-webfont-2.html') format('woff');
 font-weight: 400;
 font-style: normal;
}
 @font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-semibold-webfont.html') format('woff2'),  url('../fonts/metropolis-semibold-webfont-2.html') format('woff');
 font-weight: 500;
 font-style: normal;
}
 @font-face {
 font-family: 'Proxima Nova';
 src: url('../fonts/metropolis-light-webfont.html') format('woff2'),  url('../fonts/metropolis-light-webfont-2.html') format('woff');
 font-weight: 300;
 font-style: normal;
}