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

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
}

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

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
}

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

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}
@font-face {
  font-family: 'GothamBook';
  src: url('GothamBook.eot');
  src: url('GothamBook.eot') format('embedded-opentype'),
       url('GothamBook.woff2') format('woff2'),
       url('GothamBook.woff') format('woff'),
       url('GothamBook.ttf') format('truetype'),
       url('GothamBook.svg#GothamBook') format('svg');
       font-weight: normal;
            font-style: normal;
}

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

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

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

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