@font-face {
    font-family: 'Ropa Sans';
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src:
      local('Ropa Sans Regular'),
      local('RopaSans-Regular'),   
      url('../fonts/RopaSans-Regular.woff2') format('woff2')
  }

  @font-face {
    font-family: 'Ropa Sans';
    font-style: italic;
    font-display: fallback;
    font-weight: 400;
    src:
      local('Ropa Sans Italic'),
      local('RopaSans-Italic'),
      url('../fonts/RopaSans-Italic.woff2') format('woff2')
  }

  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src:
      local('Source Sans Pro Regular'),
      local('SourceSansPro-Regular'), 
      url('../fonts/SourceSansPro-Regular.woff2') format('woff2')
  }

  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-display: fallback;
    font-weight: 400;
    src:
      local('Source Sans Pro Italic'),
      local('SourceSansPro-Italic'), 
      url('../fonts/SourceSansPro-Italic.woff2') format('woff2')
  }


  @font-face {
    font-family: 'Source Sans Pro';
    font-style: bold;
    font-display: fallback;
    font-weight: 600;
    src:
      local('Source Sans Pro Bold'),
      local('SourceSansPro-Bold'),
      url('../fonts/SourceSansPro-Bold.woff2') format('woff2')
  }

  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-display: fallback;
    font-weight: 600;
    src:
      local('Source Sans Pro Bold Italic'),
      local('SourceSansPro-BoldItalic'),
      url('../fonts/SourceSansPro-BoldItalic.woff2') format('woff2')
  }