@font-face {
  font-family: 'Montserrat'; /* This is the name you will use for the font */
  src: 
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-display: swap; /* Improves perceived performance */
}

@font-face {
    font-family: 'Poppins'; /* This is the name you will use for the font */
    src: 
      url('../fonts/Poppins-Bold.ttf') format('truetype');   /* Older browsers */
    font-style: normal;
    font-display: swap; /* Improves perceived performance */
}

@font-face {
    font-family: 'BebasNeue'; /* This is the name you will use for the font */
    src: 
      url('../fonts/BebasNeue-Regular.ttf') format('truetype');   /* Older browsers */
    font-style: normal;
    font-display: swap; /* Improves perceived performance */
}

@font-face {
    font-family: 'AcuminVariableConcept'; /* This is the name you will use for the font */
    src: 
      url('../fonts/AcuminVariableConcept.otf') format('opentype');   /* Older browsers */
    font-style: normal;
    font-display: swap; /* Improves perceived performance */
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
       url('../fonts/OpenSans-Regular.woff') format('woff'),
       url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular weight */
  font-style: normal;
}

/* Define the Bold version */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
       url('../fonts/OpenSans-Bold.woff') format('woff'),
       url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold weight */
  font-style: normal;
}