@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINProRegular.eot');
    src: url('../fonts/DINProRegular.eot') format('embedded-opentype'),
         url('../fonts/DINProRegular.woff2') format('woff2'),
         url('../fonts/DINProRegular.woff') format('woff'),
         url('../fonts/DINProRegular.ttf') format('truetype'),
         url('../fonts/DINProRegular.svg#DINProRegular') format('svg');
         font-weight: 200;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINProMedium.eot');
    src: url('../fonts/DINProMedium.eot') format('embedded-opentype'),
         url('../fonts/DINProMedium.woff2') format('woff2'),
         url('../fonts/DINProMedium.woff') format('woff'),
         url('../fonts/DINProMedium.ttf') format('truetype'),
         url('../fonts/DINProMedium.svg#DINProMedium') format('svg');
         font-weight: 500;
}



@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINProBold.eot');
    src: url('../fonts/DINProBold.eot') format('embedded-opentype'),
         url('../fonts/DINProBold.woff2') format('woff2'),
         url('../fonts/DINProBold.woff') format('woff'),
         url('../fonts/DINProBold.ttf') format('truetype'),
         url('../fonts/DINProBold.svg#DINProBold') format('svg');
         font-weight: 700;
}