@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Light'), url('/fonts/sf-pro/SFProDisplay-Light.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Ultralight'), url('/fonts/sf-pro/SFProDisplay-Ultralight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Thin'), url('/fonts/sf-pro/SFProDisplay-Thin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Regular'), url('/fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Medium'), url('/fonts/sf-pro/SFProDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Semibold'), url('/fonts/sf-pro/SFProDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Bold'), url('/fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Heavy'), url('/fonts/sf-pro/SFProDisplay-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: local('SFProDisplay-Black'), url('/fonts/sf-pro/SFProDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Light.eot'), url('/fonts/nexa/Nexa-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Thin.eot'), url('/fonts/nexa/Nexa-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-XBold.eot'), url('/fonts/nexa/Nexa-XBold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Bold.eot'), url('/fonts/nexa/Nexa-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Regular.eot'), url('/fonts/nexa/Nexa-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Black.eot'), url('/fonts/nexa/Nexa-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Book.eot'), url('/fonts/nexa/Nexa-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Nexa';
  src: url('/fonts/nexa/Nexa-Heavy.eot'), url('/fonts/nexa/Nexa-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}