/* Noto Sans Condensed */
@font-face {
  font-family: 'Noto Sans';  
  src: url("/fonts/woff2/NotoSans-Condensed.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedThin.woff2") format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedThinItalic.woff2") format('woff2');
  font-weight: 100;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedExtraLight.woff2") format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedExtraLightItalic.woff2") format('woff2');
  font-weight: 200;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedLight.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedLightItalic.woff2") format('woff2');
  font-weight: 300;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-Condensed.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedItalic.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedMedium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedMediumItalic.woff2") format('woff2');
  font-weight: 500;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedSemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedSemiBoldItalic.woff2") format('woff2');
  font-weight: 600;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedBold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedBoldItalic.woff2") format('woff2');
  font-weight: 700;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedExtraBold.woff2") format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedExtraBoldItalic.woff2") format('woff2');
  font-weight: 800;
  font-style: italic;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedBlack.woff2") format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-CondensedBlackItalic.woff2") format('woff2');
  font-weight: 900;
  font-style: italic;
  font-stretch: condensed;
}

/* Noto Sans Semi-Condensed */
@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedThin.woff2") format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedThinItalic.woff2") format('woff2');
  font-weight: 100;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedExtraLight.woff2") format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedExtraLightItalic.woff2") format('woff2');
  font-weight: 200;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedLight.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedLightItalic.woff2") format('woff2');
  font-weight: 300;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedItalic.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedMedium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedMediumItalic.woff2") format('woff2');
  font-weight: 500;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedSemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedSemiBoldItalic.woff2") format('woff2');
  font-weight: 600;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedBold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedBoldItalic.woff2") format('woff2');
  font-weight: 700;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedExtraBold.woff2") format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedExtraBoldItalic.woff2") format('woff2');
  font-weight: 800;
  font-style: italic;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedBlack.woff2") format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: semi-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-SemiCondensedBlackItalic.woff2") format('woff2');
  font-weight: 900;
  font-style: italic;
  font-stretch: semi-condensed;
}

/* Noto Sans Extra-Condensed */
@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedThin.woff2") format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedThinItalic.woff2") format('woff2');
  font-weight: 100;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedExtraLight.woff2") format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedExtraLightItalic.woff2") format('woff2');
  font-weight: 200;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedLight.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedLightItalic.woff2") format('woff2');
  font-weight: 300;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensed.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedItalic.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedMedium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedMediumItalic.woff2") format('woff2');
  font-weight: 500;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedSemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedSemiBoldItalic.woff2") format('woff2');
  font-weight: 600;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedBold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedBoldItalic.woff2") format('woff2');
  font-weight: 700;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedExtraBold.woff2") format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedExtraBoldItalic.woff2") format('woff2');
  font-weight: 800;
  font-style: italic;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedBlack.woff2") format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: extra-condensed;
}

@font-face {
  font-family: 'Noto Sans';
  src: url("/fonts/woff2/NotoSans-ExtraCondensedBlackItalic.woff2") format('woff2');
  font-weight: 900;
  font-style: italic;
  font-stretch: extra-condensed;
}