@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/SF/SFProDisplayRegular.woff2') format('woff2'),
       url('fonts/SF/SFProDisplayRegular.woff') format('woff'),
       url('fonts/SF/SFProDisplayRegular.ttf') format('otf'),
       url('fonts/SF/SFProDisplayRegular.eot') format('eot');
}

@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/SF/SFProDisplaySemibold.woff2') format('woff2'),
       url('fonts/SF/SFProDisplaySemibold.woff') format('woff'),
       url('fonts/SF/SFProDisplaySemibold.ttf') format('otf'),
       url('fonts/SF/SFProDisplaySemibold.eot') format('eot');
}

@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/SF/SFProDisplayBold.woff2') format('woff2'),
       url('fonts/SF/SFProDisplayBold.woff') format('woff'),
       url('fonts/SF/SFProDisplayBold.ttf') format('otf'),
       url('fonts/SF/SFProDisplayBold.eot') format('eot');
}