@font-face {
  font-family: 'DIN Black';
  font-display: swap;
  src: url('../fonts/DIN/dinblack.eot'); 
  src: url('../fonts/DIN/dinblack.eot#iefix') format('embedded-opentype'), 
       url('../fonts/DIN/dinblack.woff') format('woff'), 
       url('../fonts/DIN/dinblack.ttf') format('truetype'), 
       url('../fonts/DIN/dinblack.svg') format('svg');
}

@font-face {
  font-family: 'DIN Bold';
  font-display: swap;
  src: url('../fonts/DIN/dinbold.eot'); 
  src: url('../fonts/DIN/dinbold.eot#iefix') format('embedded-opentype'), 
       url('../fonts/DIN/dinbold.woff') format('woff'), 
       url('../fonts/DIN/dinbold.ttf') format('truetype'), 
       url('../fonts/DIN/dinbold.svg') format('svg');
}

@font-face {
  font-family: 'DIN Regular';
  font-display: swap;
  src: url('../fonts/DIN/dinregular.eot'); 
  src: url('../fonts/DIN/dinregular.eot#iefix') format('embedded-opentype'), 
       url('../fonts/DIN/dinregular.woff') format('woff'), 
       url('../fonts/DIN/dinregular.ttf') format('truetype'), 
       url('../fonts/DIN/dinregular.svg') format('svg');
}

@font-face {
  font-family: 'DIN Light';
  font-display: swap;
  src: url('../fonts/DIN/dinlight.eot'); 
  src: url('../fonts/DIN/dinlight.eot#iefix') format('embedded-opentype'), 
       url('../fonts/DIN/dinlight.woff') format('woff'), 
}

@font-face {
  font-family: 'DIN Medium';
  font-display: swap;
  src: url('../fonts/DIN/dinmedium.eot'); 
  src: url('../fonts/DIN/dinmedium.eot#iefix') format('embedded-opentype'), 
       url('../fonts/DIN/dinmedium.woff') format('woff'), 
}