/* ==========================================================================
   SF PRO DISPLAY FONT FACES (WOFF2 & WOFF FOR BEST PERFORMANCE)
   ========================================================================== */

/* Thin - 100 */
@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;
}

/* Ultralight - 200 */
@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;
}

/* Light - 300 */
@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;
}

/* Regular - 400 */
@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;
}

/* Medium - 500 */
@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;
}

/* Semibold - 600 */
@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;
}

/* Bold - 700 */
@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;
}

/* Heavy - 800 */
@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;
}

/* Black - 900 */
@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;
}

/* ==========================================================================
   HELVETICA NEUE FONT FACES (WOFF2 & WOFF)
   ========================================================================== */

/* Thin - 100 */
@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;
}

/* UltraLight - 200 */
@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;
}

/* Light - 300 */
@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;
}

/* Regular - 400 */
@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;
}

/* Italic - 400 */
@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;
}

/* Medium - 500 */
@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;
}

/* Bold - 700 */
@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;
}

/* Bold Italic - 700 */
@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;
}

/* Black - 900 */
@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;
}