/* Open Sans Light 300 */
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    src: url('../font/open-sans-light-300.woff2') format('woff2');
    src: url('../font/open-sans-light-300.woff') format('woff');
  }
  /* Open Sans Light 400 */
  @font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    src: url('../font/open-sans-normal-400.woff2') format('woff2');
    src: url('../font/open-sans-normal-400.woff') format('woff');
  }
  /* Open Sans Extra Bold 700 */
  @font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    src: url('../font/open-sans-bold-700.woff2') format('woff2');
    src: url('../font/open-sans-bold-700.woff') format('woff');
  }
  /* Open Sans Extra Bold 800 */
  @font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    src: url('../font/open-sans-exbold-800.woff2') format('woff2');
    src: url('../font/open-sans-exbold-800.woff') format('woff');
  }
  
  /* Classes */
  .font-xbold {
    font-weight: 800;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-light {
    font-weight: 300;
  }
  html,
  body,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Open Sans', sans-serif !important;
    text-rendering: optimizeLegibility !important; 
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }