@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Bold';
  src: url('../fonts/DINPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Black';
  src: url('../fonts/DINPro-Black.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../fonts/DINPro-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-CondensedBlack';
  src: url('../fonts/DINPro-CondensedBlack.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-CondensedBold';
  src: url('../fonts/DINPro-CondensedBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-CondensedMedium';
  src: url('../fonts/DINPro-CondensedMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-CondensedRegular';
  src: url('../fonts/DINPro-CondensedRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.dinpro {
  font-family: 'DINPro';
}

.dinpro-bold {
  font-family: 'DINPro-Bold';
}

.dinpro-black {
  font-family: 'DINPro-Black';
}

.dinpro-medium {
  font-family: 'DINPro-Medium';
}

.dinpro-condensed-black {
  font-family: 'DINPro-CondensedBlack';
}

.dinpro-condensed-bold {
  font-family: 'DINPro-CondensedBold';
}

.dinpro-condensed-medium {
  font-family: 'DINPro-CondensedMedium';
}

.dinpro-condensed-regular {
  font-family: 'DINPro-CondensedRegular';
}