@font-face {
  font-display: swap;
  font-family: 'DIN Pro';
  font-style: normal;
  font-weight:400;
  src: url('../fonts/DINPro-Regular_13937.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'DIN Pro';
  font-style: normal;
  font-weight:300;
  src: url('../fonts/DINPro-Light_13935.woff') format('woff');
}

.din-pro{
  font-family:'DIN Pro';
}

@font-face{
  font-family:'Font Awesome 5 Brands';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(../fonts/fa-brands-400.eot);
  src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
  url(../fonts/fa-brands-400.woff2) format("woff2"),
  url(../fonts/fa-brands-400.woff) format("woff"),
  url(../fonts/fa-brands-400.ttf) format("truetype"),
  url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}
  
  .fab{font-family:'Font Awesome 5 Brands'}
  
@font-face{font-family:'Font Awesome 5 Free';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(../fonts/fa-regular-400.eot);
  src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
  url(../fonts/fa-regular-400.woff2) format("woff2"),
  url(../fonts/fa-regular-400.woff) format("woff"),
  url(../fonts/fa-regular-400.ttf) format("truetype"),
  url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}
  
.far{
font-family:'Font Awesome 5 Free';
font-weight:400}

@font-face{font-family:'Font Awesome 5 Free';
font-style:normal;
font-weight:900;
font-display:swap;
src:url(../fonts/fa-solid-900.eot);
src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.woff) format("woff"),
url(../fonts/fa-solid-900.ttf) format("truetype"),
url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,

.fas{font-family:'Font Awesome 5 Free';
font-weight:900}