@font-face {
  font-family: 'SF Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('SF Pro Light'), url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF');
}

@font-face {
  font-family: 'SF Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SF Pro Regular'), url('../fonts/SFPRODISPLAYREGULAR.OTF');
}
@font-face {
  font-family: 'SF Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('SF Pro Medium'), url('../fonts/SFPRODISPLAYMEDIUM.OTF');
}
@font-face {
  font-family: 'SF Pro';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local('SF Pro Bold'), url('../fonts/SFPRODISPLAYBOLD.OTF');
}
@font-face {
  font-family: 'Monument';
  font-display: block;
  src: url('../fonts/MonumentExtended-Regular.ttf');
}