@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Thin.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Ultralight.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Ultralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Light.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Bold.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Heavy.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display/SF-Pro-Display-Black.woff2') format('woff2'),
       url('../fonts/SF-Pro-Display/SF-Pro-Display-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Thin'), local('HelveticaNeue-Thin'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Thin.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue UltraLight'), local('HelveticaNeue-UltraLight'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-UltraLight.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Light'), local('HelveticaNeue-Light'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Light.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue'), local('HelveticaNeue'), local('Helvetica Neue Regular'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Regular.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Italic'), local('HelveticaNeue-Italic'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Italic.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Medium'), local('HelveticaNeue-Medium'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Medium.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Bold'), local('HelveticaNeue-Bold'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Bold.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Bold Italic'), local('HelveticaNeue-BoldItalic'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-BoldItalic.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Helvetica Neue Black'), local('HelveticaNeue-Black'), local('Helvetica Neue Condensed Black'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Black.woff2') format('woff2'),
       url('../fonts/Helvetica-Neue/HelveticaNeue-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/Bricolage-Grotesque/BricolageGrotesque-Vietnamese.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/Bricolage-Grotesque/BricolageGrotesque-Latin.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bricolage Grotesque 72pt';
  src: url('../fonts/Bricolage-Grotesque/BricolageGrotesque-Vietnamese.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Bricolage Grotesque 72pt';
  src: url('../fonts/Bricolage-Grotesque/BricolageGrotesque-Latin.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}