@font-face{ 
  font-family: 'Open Sans'; 
  font-display: swap; 
  font-style: normal; 
  font-weight: 300; 
  src: local('Open Sans Light'), 
  local('OpenSans-Light'), 
  url('./opensans_300.woff2') format('woff2'), 
  url('./opensans_300.woff') format('woff'); 
}
@font-face{ 
  font-family: 'Open Sans'; 
  font-display: swap; 
  font-style: normal; 
  font-weight: 300; 
  src: local('Open Sans Light Italic'), 
  local('OpenSans-Light-Italic'), 
  url('./opensans_300italic.woff2') format('woff2'), 
  url('./opensans_300italic.woff') format('woff'); 
}
@font-face
{ font-family: 'Open Sans'; 
  font-display: swap; 
  font-style: normal; 
  font-weight: 400; 
  src: local('Open Sans Regular'), 
  local('OpenSans-Regular'), 
  url('./opensans_400.woff2') format('woff2'), 
  url('./opensans_400.woff') format('woff'); 
}
@font-face{ 
  font-family: 'Open Sans'; 
  font-display: swap; 
  font-style: normal; 
  font-weight: 700; 
  src: local('Open Sans Bold'), 
  local('OpenSans-Bold'), 
  url('./opensans_700.woff2') format('woff2'), 
  url('./opensans_700.woff') format('woff');  
}
@font-face{ 
  font-family: 'Open Sans'; 
  font-display: swap; 
  font-style: normal; 
  font-weight: 800; 
  src: local('Open Sans Extra Bold'), 
  local('OpenSans-ExtraBold'), 
  url('./opensans_800.woff2') format('woff2'), 
  url('./opensans_800.woff') format('woff');  
}