@font-face {
    font-family: 'overpass';
    src: url('../font/overpass-thin.eot'); /* IE9 Compat Modes */
    src: url('../font/overpass-thin.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/overpass-thin.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/overpass-thin.woff') format('woff'), /* Pretty Modern Browsers */
         url('../font/overpass-thin.ttf')  format('truetype'); /* Safari, Android, iOS */
         font-weight: 200;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-thin-italic.eot');
    src: url('../font/overpass-thin-italic.eot') format('embedded-opentype'),
         url('../font/overpass-thin-italic.woff2') format('woff2'),
         url('../font/overpass-thin-italic.woff') format('woff'),
         url('../font/overpass-thin-italic.ttf')  format('truetype');
         font-weight: 200;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-extralight.eot');
    src: url('../font/overpass-extralight.eot') format('embedded-opentype'),
         url('../font/overpass-extralight.woff2') format('woff2'),
         url('../font/overpass-extralight.woff') format('woff'),
         url('../font/overpass-extralight.ttf')  format('truetype');
         font-weight: 300;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-extralight-italic.eot');
    src: url('../font/overpass-extralight-italic.eot') format('embedded-opentype'),
         url('../font/overpass-extralight-italic.woff2') format('woff2'),
         url('../font/overpass-extralight-italic.woff') format('woff'),
         url('../font/overpass-extralight-italic.ttf')  format('truetype');
         font-weight: 300;
         font-style: italic;
  }
  
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-light.eot');
    src: url('../font/overpass-light.eot') format('embedded-opentype'),
         url('../font/overpass-light.woff2') format('woff2'),
         url('../font/overpass-light.woff') format('woff'),
         url('../font/overpass-light.ttf')  format('truetype');
         font-weight: 400;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-light-italic.eot');
    src: url('../font/overpass-light-italic.eot') format('embedded-opentype'),
         url('../font/overpass-light-italic.woff2') format('woff2'),
         url('../font/overpass-light-italic.woff') format('woff'),
         url('../font/overpass-light-italic.ttf')  format('truetype');
         font-weight: 400;
         font-style: italic;
  }
  
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-regular.eot');
    src: url('../font/overpass-regular.eot') format('embedded-opentype'),
         url('../font/overpass-regular.woff2') format('woff2'),
         url('../font/overpass-regular.woff') format('woff'),
         url('../font/overpass-regular.ttf')  format('truetype');
         font-weight: 500;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-italic.eot');
    src: url('../font/overpass-italic.eot') format('embedded-opentype'),
         url('../font/overpass-italic.woff2') format('woff2'),
         url('../font/overpass-italic.woff') format('woff'),
         url('../font/overpass-italic.ttf')  format('truetype');
         font-weight: 500;
         font-style: italic;
  }
  
  
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-semibold.eot');
    src: url('../font/overpass-semibold.eot') format('embedded-opentype'),
         url('../font/overpass-semibold.woff2') format('woff2'),
         url('../font/overpass-semibold.woff') format('woff'),
         url('../font/overpass-semibold.ttf')  format('truetype');
         font-weight: 600;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-semibold-italic.eot');
    src: url('../font/overpass-semibold-italic.eot') format('embedded-opentype'),
         url('../font/overpass-semibold-italic.woff2') format('woff2'),
         url('../font/overpass-semibold-italic.woff') format('woff'),
         url('../font/overpass-semibold-italic.ttf')  format('truetype');
         font-weight: 600;
         font-style: italic;
  }
  
  
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-bold.eot');
    src: url('../font/overpass-bold.eot') format('embedded-opentype'),
         url('../font/overpass-bold.woff2') format('woff2'),
         url('../font/overpass-bold.woff') format('woff'),
         url('../font/overpass-bold.ttf')  format('truetype');
         font-weight: 700;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-bold-italic.eot');
    src: url('../font/overpass-bold-italic.eot') format('embedded-opentype'),
         url('../font/overpass-bold-italic.woff2') format('woff2'),
         url('../font/overpass-bold-italic.woff') format('woff'),
         url('../font/overpass-bold-italic.ttf')  format('truetype');
         font-weight: 700;
         font-style: italic;
  }
  
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-extrabold.eot');
    src: url('../font/overpass-extrabold.eot') format('embedded-opentype'),
         url('../font/overpass-extrabold.woff2') format('woff2'),
         url('../font/overpass-extrabold.woff') format('woff'),
         url('../font/overpass-extrabold.ttf')  format('truetype');
         font-weight: 800;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-extrabold-italic.eot');
    src: url('../font/overpass-extrabold-italic.eot') format('embedded-opentype'),
         url('../font/overpass-extrabold-italic.woff2') format('woff2'),
         url('../font/overpass-extrabold-italic.woff') format('woff'),
         url('../font/overpass-extrabold-italic.ttf')  format('truetype');
         font-weight: 800;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-heavy.eot');
    src: url('../font/overpass-heavy.eot') format('embedded-opentype'),
         url('../font/overpass-heavy.woff2') format('woff2'),
         url('../font/overpass-heavy.woff') format('woff'),
         url('../font/overpass-heavy.ttf')  format('truetype');
         font-weight: 900;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'overpass';
    src: url('../font/overpass-heavy-italic.eot');
    src: url('../font/overpass-heavy-italic.eot') format('embedded-opentype'),
         url('../font/overpass-heavy-italic.woff2') format('woff2'),
         url('../font/overpass-heavy-italic.woff') format('woff'),
         url('../font/overpass-heavy-italic.ttf')  format('truetype');
         font-weight: 900;
         font-style: italic;
  }