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

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

@font-face {
   font-family: "DIN Pro Light";
   src: url("fonts/DIN-Pro-Light.woff2") format("woff2"),
        url("fonts/DIN-Pro-Light.woff") format("woff"),
        url("fonts/DIN-Pro-Light.ttf") format("truetype"),
        url("fonts/DIN-Pro-Light.otf") format("opentype"),
        url("fonts/DIN-Pro-Light.eot") format("embedded-opentype");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "DIN Pro Bold";
   src: url("fonts/DIN-Pro-Bold.woff2") format("woff2"),
        url("fonts/DIN-Pro-Bold.woff") format("woff"),
        url("fonts/DIN-Pro-Bold.ttf") format("truetype"),
        url("fonts/DIN-Pro-Bold.otf") format("opentype"),
        url("fonts/DIN-Pro-Bold.eot") format("embedded-opentype");
   font-weight: bold;
   font-style: normal;
}