@font-face {
    font-family: 'MonumentRegular';
    src: url('MonumentRegular.eot');
    src: url('MonumentRegular.eot') format('embedded-opentype'),
         url('MonumentRegular.woff2') format('woff2'),
         url('MonumentRegular.woff') format('woff'),
         url('MonumentRegular.ttf') format('truetype'),
         url('MonumentRegular.svg#MonumentRegular') format('svg');
          font-display: swap;
}

@font-face {
    font-family: 'StageGroteskBold';
    src: url('StageGroteskBold.eot');
    src: url('StageGroteskBold.eot') format('embedded-opentype'),
         url('StageGroteskBold.woff2') format('woff2'),
         url('StageGroteskBold.woff') format('woff'),
         url('StageGroteskBold.ttf') format('truetype'),
         url('StageGroteskBold.svg#StageGroteskBold') format('svg');
          font-display: swap;
}

@font-face {
    font-family: 'StageGroteskRegular';
    src: url('StageGroteskRegular.eot');
    src: url('StageGroteskRegular.eot') format('embedded-opentype'),
         url('StageGroteskRegular.woff2') format('woff2'),
         url('StageGroteskRegular.woff') format('woff'),
         url('StageGroteskRegular.ttf') format('truetype'),
         url('StageGroteskRegular.svg#StageGroteskRegular') format('svg');
          font-display: swap;
}

@font-face {
    font-family: 'StageGroteskExtraBold';
    src: url('StageGroteskExtraBold.eot');
    src: url('StageGroteskExtraBold.eot') format('embedded-opentype'),
         url('StageGroteskExtraBold.woff2') format('woff2'),
         url('StageGroteskExtraBold.woff') format('woff'),
         url('StageGroteskExtraBold.ttf') format('truetype'),
         url('StageGroteskExtraBold.svg#StageGroteskExtraBold') format('svg');
          font-display: swap;
}