@font-face {
  font-family: 'din-next-light';
    src:
      url(../fonts/DIN-next/DINNextLTPro-Light.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'din-next-regular';
    src:
      url(../fonts/DIN-next/DINNextLTPro-Regular.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'din-next-medium';
    src:
      url(../fonts/DIN-next/DINNextLTPro-Medium.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'din-next-bold';
    src:
      url(../fonts/DIN-next/DINNextLTPro-Bold.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
}

* { 
  font-family: 'din-next-light', Helvetica, sans-serif;
  font-weight: 300;
}

.bold {
  font-family: 'din-next-bold', Helvetica, sans-serif;
  font-weight: 700;
}