/* Helvetica */
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica/helveticaneue.woff2') format('woff2'), /* Modern Browsers */
       url('../fonts/Helvetica/helveticaneue.woff') format('woff');  /* Legacy Browsers */
  font-style: normal; 
  font-weight:500;
  font-display: swap;
}

/* Montserrat */
@font-face {
  font-family: 'MontserratRegular'; 
  src: url('../fonts/Montserrat/MontserratRegular.woff') format('woff2'), /* Modern Browsers */
       url('../fonts/Montserrat/MontserratRegular.woff') format('woff');  /* Legacy Browsers */
  font-style: normal; 
  font-weight:500;
  font-display: swap;
} 

/* outfit */
@font-face {
font-family: 'OutfitRegular';
  src: url('../fonts/Montserrat/OutfitRegular.woff') format('woff2'), /* Modern Browsers */
       url('../fonts/Montserrat/OutfitRegular.woff') format('woff');  /* Legacy Browsers */
  font-style: normal; 
  font-weight:500;
  font-display: swap;
}
@font-face {
font-family: 'OutfitMedium';
src: url('../fonts/Montserrat/OutfitMedium.woff') format('woff2'), /* Modern Browsers */
    url('../fonts/Montserrat/OutfitMedium.woff') format('woff');  /* Legacy Browsers */
font-style: normal; 
font-weight:600;
font-display: swap;
}
/* Font Awesome 6.4.0 (CDN): same fonts as all.min.css, but with font-display: swap
   so icon text is not held invisible while the icon font downloads.
   These rules must stay AFTER the Font Awesome <link> in index.html (later @font-face wins). */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2"),
       url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2) format("woff2"),
       url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2"),
       url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.ttf) format("truetype");
}