@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans.eot'); 
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/open-sans.woff2') format('woff2'), 
       url('../fonts/open-sans.woff') format('woff'), 
       url('../fonts/open-sans.ttf') format('truetype'), 
       url('../fonts/open-sans.svg#OpenSans') format('svg');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-italic.eot'); 
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/open-sans-italic.woff2') format('woff2'), 
       url('../fonts/open-sans-italic.woff') format('woff'), 
       url('../fonts/open-sans-italic.ttf') format('truetype'), 
       url('../fonts/open-sans-italic.svg#OpenSans') format('svg'); 
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-700.eot'); 
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-700.woff2') format('woff2'), 
       url('../fonts/open-sans-700.woff') format('woff'), 
       url('../fonts/open-sans-700.ttf') format('truetype'), 
       url('../fonts/open-sans-700.svg#OpenSans') format('svg'); 
  font-display: swap;
}