@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Light.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Light.woff') format('woff'),
    url('./OpenSans-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-LightItalic.woff2?v=1.101') format('woff2'),
    url('./OpenSans-LightItalic.woff') format('woff'),
    url('./OpenSans-LightItalic.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Regular.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Regular.woff') format('woff'),
    url('./OpenSans-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Italic.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Italic.woff') format('woff'),
    url('./OpenSans-Italic.ttf') format('truetype');
  font-display: swap;
}

/* Open sans does not provide 500 weight. 
  Font weight 500 will render as either 400 or 600, depending on the browser
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Semibold.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Semibold.woff') format('woff'),
    url('./OpenSans-Semibold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-SemiboldItalic.woff2?v=1.101') format('woff2'),
    url('./OpenSans-SemiboldItalic.woff') format('woff'),
    url('./OpenSans-SemiboldItalic.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Bold.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Bold.woff') format('woff'),
    url('./OpenSans-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-Bold.woff2?v=1.101') format('woff2'),
    url('./OpenSans-Bold.woff') format('woff'),
    url('./OpenSans-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-BoldItalic.woff2?v=1.101') format('woff2'),
    url('./OpenSans-BoldItalic.woff') format('woff'),
    url('./OpenSans-BoldItalic.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-ExtraBold.woff2?v=1.101') format('woff2'),
    url('./OpenSans-ExtraBold.woff') format('woff'),
    url('./OpenSans-ExtraBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-optical-sizing: auto;
  line-height: initial;
  unicode-range: U+0000-00FF, U+0100-024F, U+0370-03FF, U+0400-04FF, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2200-22FF, U+2600-26FF;
  src: url('./OpenSans-ExtraBoldItalic.woff2?v=1.101') format('woff2'),
    url('./OpenSans-ExtraBoldItalic.woff') format('woff'),
    url('./OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-display: swap;
}