@font-face {
    font-family: 'apercu-bold';
    font-display: swap;
    src: url('fonts/apercu-bold-pro.eot');
    src: url('fonts/apercu-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-bold-pro.woff2') format('woff2'),
         url('fonts/apercu-bold-pro.woff') format('woff'),
         url('fonts/apercu-bold-pro.ttf') format('truetype');
}

@font-face {
    font-family: 'apercu-regular';
    font-display: swap;
    src: url('fonts/apercu-regular-pro.eot');
    src: url('fonts/apercu-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-regular-pro.woff2') format('woff2'),
         url('fonts/apercu-regular-pro.woff') format('woff'),
         url('fonts/apercu-regular-pro.ttf') format('truetype');
}

@font-face {
    font-family: 'apercu-medium';
    font-display: swap;
    src: url('fonts/apercu-medium-pro.eot');
    src: url('fonts/apercu-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-medium-pro.woff2') format('woff2'),
         url('fonts/apercu-medium-pro.woff') format('woff'),
         url('fonts/apercu-medium-pro.ttf') format('truetype');
}

@font-face {
    font-family: 'apercu-italic-bold';
    font-display: swap;
    src: url('fonts/apercu-bold-italic-pro.eot');
    src: url('fonts/apercu-bold-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-bold-italic-pro.woff2') format('woff2'),
         url('fonts/apercu-bold-italic-pro.woff') format('woff'),
         url('fonts/apercu-bold-italic-pro.ttf') format('truetype');
}


@font-face {
    font-family: 'apercu-italic';
    font-display: swap;
    src: url('fonts/apercu-italic-pro.eot');
    src: url('fonts/apercu-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-italic-pro.woff2') format('woff2'),
         url('fonts/apercu-italic-pro.woff') format('woff'),
         url('fonts/apercu-italic-pro.ttf') format('truetype');

}

@font-face {
    font-family: 'apercu-light';
    font-display: swap;
    src: url('fonts/apercu-light-pro.eot');
    src: url('fonts/apercu-light-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-light-pro.woff2') format('woff2'),
         url('fonts/apercu-light-pro.woff') format('woff'),
         url('fonts/apercu-light-pro.ttf') format('truetype');
}

@font-face {
    font-family: 'apercu-mono-regular-pro';
    font-display: swap;
    src: url('fonts/apercu-mono-regular-pro.eot');
    src: url('fonts/apercu-mono-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-mono-regular-pro.woff2') format('woff2'),
         url('fonts/apercu-mono-regular-pro.woff') format('woff'),
         url('fonts/apercu-mono-regular-pro.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'apercu-mono-bold-pro';
    font-display: swap;
    src: url('fonts/apercu-mono-bold-pro.eot');
    src: url('fonts/apercu-mono-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-mono-bold-pro.woff2') format('woff2'),
         url('fonts/apercu-mono-bold-pro.woff') format('woff'),
         url('fonts/apercu-mono-bold-pro.ttf') format('truetype');
    font-style: normal;
}
  @font-face {
    font-family: 'Atlas-Typewriter-Regular';
    font-display: swap;
    src: url('fonts/AtlasTypewriter-Regular.otf');
    src: url('fonts/AtlasTypewriter-Regular-Web.woff2') format('woff2'),
         url('fonts/AtlasTypewriter-Regular-Web.woff') format('woff'),
         url('fonts/AtlasTypewriter-Regular-App.ttf') format('truetype');
    font-style:   normal;
    font-stretch: normal;
  }

  @font-face {
    font-family: 'Atlas-Typewriter-medium';
    font-display: swap;
    src: url('fonts/AtlasTypewriter-Medium.otf');
    src: url('fonts/AtlasTypewriter-Medium-Web.woff2') format('woff2'),
         url('fonts/AtlasTypewriter-Medium-Web.woff') format('woff'),
         url('fonts/AtlasTypewriter-Medium-App.ttf') format('truetype');
    font-style:   normal;
    font-stretch: normal;
  }