@font-face {
  font-family: 'Gotham-Light';
  src: url('Gotham-Light.otf');

  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Black';
  src: url('Gotham-Black.otf');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('Gotham-Bold.otf'),
     url('Gotham-Bold.woff') format('woff'),
      url('Gotham-Bold.ttf') format('truetype'),
      url('Gotham-Bold.eot?#iefix') format('embedded-opentype');
 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('Gotham-Book.otf'),
      url('Gotham-Book.woff') format('woff'),
      url('Gotham-Book.ttf') format('truetype'),
      url('Gotham-book.eot?#iefix') format('embedded-opentype');
        
 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-ExtraLight';
  src: url('Gotham-ExtraLight.otf');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('Gotham-Medium.otf'),
      url('GothamMedium.ttf') format('truetype'),
      url('Gotham-Medium.eot?#iefix') format('embedded-opentype');
 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Thin';
  src: url('Gotham-Thin.otf');
 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Ultra';
  src: url('Gotham-Ultra.otf');
 
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'SpaceGrotesk-Bold';
    src: url('SpaceGrotesk-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpaceGrotesk-Light';
    src: url('SpaceGrotesk-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpaceGrotesk-Medium';
    src: url('SpaceGrotesk-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpaceGrotesk-Regular';
    src: url('SpaceGrotesk-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpaceGrotesk-SemiBold';
    src: url('SpaceGrotesk-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Black';
    src: url('Satoshi-Black.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('Satoshi-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Medium';
    src: url('Satoshi-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('Satoshi-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}