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

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

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

/* Poppins */

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

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

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

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