@font-face {
  font-family: 'Coco-Shrp';
  src: url('../font/coco-sharp/CocoSharp-Light.otf');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Coco-Shrp';
  src: url('../font/coco-sharp/CocoSharpS-Regular.otf');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Coco-Shrp';
  src: url('../font/coco-sharp/CocoSharp-Bold.otf');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Coco-Shrp';
  src: url('../font/coco-sharp/CocoSharp-Heavy.otf');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro.eot');
  src: local('Heading Pro Italic'), local('HeadingPro'),
      url('../font/heading-now/HeadingPro.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro.woff') format('woff'),
      url('../font/heading-now/HeadingPro.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro ExtLt';
  src: url('../font/heading-now/HeadingPro-ExtraLight.eot');
  src: local('Heading Pro ExtraLight'), local('HeadingPro-ExtraLight'),
      url('../font/heading-now/HeadingPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-ExtraLight.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-ExtraLight.woff') format('woff'),
      url('../font/heading-now/HeadingPro-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro Book';
  src: url('../font/heading-now/HeadingPro-BookItalic.eot');
  src: local('Heading Pro Book Italic'), local('HeadingPro-BookItalic'),
      url('../font/heading-now/HeadingPro-BookItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-BookItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-BookItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-BookItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-Bold.eot');
  src: local('Heading Pro Bold'), local('HeadingPro-Bold'),
      url('../font/heading-now/HeadingPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Bold.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Bold.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro Book';
  src: url('../font/heading-now/HeadingPro-Book.eot');
  src: local('Heading Pro Book'), local('HeadingPro-Book'),
      url('../font/heading-now/HeadingPro-Book.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Book.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Book.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Book.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-HeavyItalic.eot');
  src: local('Heading Pro Heavy Italic'), local('HeadingPro-HeavyItalic'),
      url('../font/heading-now/HeadingPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-HeavyItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-HeavyItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro ExtBd';
  src: url('../font/heading-now/HeadingPro-ExtraBoldItalic.eot');
  src: local('Heading Pro ExtraBold Italic'), local('HeadingPro-ExtraBoldItalic'),
      url('../font/heading-now/HeadingPro-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-ExtraBoldItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-ExtraBoldItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-Regular.eot');
  src: local('Heading Pro Regular'), local('HeadingPro-Regular'),
      url('../font/heading-now/HeadingPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Regular.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Regular.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-LightItalic.eot');
  src: local('Heading Pro Light Italic'), local('HeadingPro-LightItalic'),
      url('../font/heading-now/HeadingPro-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-LightItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-LightItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-Light.eot');
  src: local('Heading Pro Light'), local('HeadingPro-Light'),
      url('../font/heading-now/HeadingPro-Light.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Light.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Light.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-ThinItalic.eot');
  src: local('Heading Pro Thin Italic'), local('HeadingPro-ThinItalic'),
      url('../font/heading-now/HeadingPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-ThinItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-ThinItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-Heavy.eot');
  src: local('Heading Pro Heavy'), local('HeadingPro-Heavy'),
      url('../font/heading-now/HeadingPro-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Heavy.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Heavy.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-Thin.eot');
  src: local('Heading Pro Thin'), local('HeadingPro-Thin'),
      url('../font/heading-now/HeadingPro-Thin.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-Thin.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-Thin.woff') format('woff'),
      url('../font/heading-now/HeadingPro-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro ExtLt';
  src: url('../font/heading-now/HeadingPro-ExtraLightItalic.eot');
  src: local('Heading Pro ExtraLight Italic'), local('HeadingPro-ExtraLightItalic'),
      url('../font/heading-now/HeadingPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-ExtraLightItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-ExtraLightItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Heading Pro ExtBd';
  src: url('../font/heading-now/HeadingPro-ExtraBold.eot');
  src: local('Heading Pro ExtraBold'), local('HeadingPro-ExtraBold'),
      url('../font/heading-now/HeadingPro-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-ExtraBold.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-ExtraBold.woff') format('woff'),
      url('../font/heading-now/HeadingPro-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Heading Pro';
  src: url('../font/heading-now/HeadingPro-BoldItalic.eot');
  src: local('Heading Pro Bold Italic'), local('HeadingPro-BoldItalic'),
      url('../font/heading-now/HeadingPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../font/heading-now/HeadingPro-BoldItalic.woff2') format('woff2'),
      url('../font/heading-now/HeadingPro-BoldItalic.woff') format('woff'),
      url('../font/heading-now/HeadingPro-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-display: swap;
  font-style: italic;
}