/*

Open Sans is a variable font with these axes:
  wdth
  wght

This means all the styles are contained in these files:
  OpenSans-VariableFont_wdth,wght.ttf
  OpenSans-Italic-VariableFont_wdth,wght.ttf

If your app fully supports variable fonts, you can now pick intermediate styles
that aren’t available as static fonts. Not all apps support variable fonts, and
in those cases you can use the static font files for Open Sans:
  static/OpenSans_Condensed-Light.ttf
  static/OpenSans_Condensed-Regular.ttf
  static/OpenSans_Condensed-Medium.ttf
  static/OpenSans_Condensed-SemiBold.ttf
  static/OpenSans_Condensed-Bold.ttf
  static/OpenSans_Condensed-ExtraBold.ttf
  static/OpenSans_SemiCondensed-Light.ttf
  static/OpenSans_SemiCondensed-Regular.ttf
  static/OpenSans_SemiCondensed-Medium.ttf
  static/OpenSans_SemiCondensed-SemiBold.ttf
  static/OpenSans_SemiCondensed-Bold.ttf
  static/OpenSans_SemiCondensed-ExtraBold.ttf
  static/OpenSans-Light.ttf
  static/OpenSans-Regular.ttf
  static/OpenSans-Medium.ttf
  static/OpenSans-SemiBold.ttf
  static/OpenSans-Bold.ttf
  static/OpenSans-ExtraBold.ttf
  static/OpenSans_Condensed-LightItalic.ttf
  static/OpenSans_Condensed-Italic.ttf
  static/OpenSans_Condensed-MediumItalic.ttf
  static/OpenSans_Condensed-SemiBoldItalic.ttf
  static/OpenSans_Condensed-BoldItalic.ttf
  static/OpenSans_Condensed-ExtraBoldItalic.ttf
  static/OpenSans_SemiCondensed-LightItalic.ttf
  static/OpenSans_SemiCondensed-Italic.ttf
  static/OpenSans_SemiCondensed-MediumItalic.ttf
  static/OpenSans_SemiCondensed-SemiBoldItalic.ttf
  static/OpenSans_SemiCondensed-BoldItalic.ttf
  static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf
  static/OpenSans-LightItalic.ttf
  static/OpenSans-Italic.ttf
  static/OpenSans-MediumItalic.ttf
  static/OpenSans-SemiBoldItalic.ttf
  static/OpenSans-BoldItalic.ttf
  static/OpenSans-ExtraBoldItalic.ttf

*/

/* Variable Font */
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: italic;
  }

  /* Static Fonts as Fallback */
  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-stretch: semi-condensed;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

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

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-Italic.ttf') format('truetype');
    font-weight: 400;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-stretch: condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-Italic.ttf') format('truetype');
    font-weight: 400;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-stretch: semi-condensed;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans/static/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
  }