@font-face {
  font-family: 'overpassExtbold';
  src: url('../fonts/overpass-extrabold.eot');
  src: url('../fonts/overpass-extrabold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/overpass-extrabold.woff2') format('woff2'),
       url('../fonts/overpass-extrabold.woff') format('woff'),
       url('../fonts/overpass-extrabold.ttf')  format('truetype');
       font-weight: 800;
       font-style: normal;
}


@font-face {
  font-family: 'overpassRecut';
  src: url('../fonts/OVRPSSRecut.eot');
  src: url('../fonts/OVRPSSRecut.eot?#iefix') format('embedded-opentype'),
       url('../fonts/OVRPSSRecut.woff2') format('woff2'),
       url('../fonts/OVRPSSRecut.woff') format('woff'),
       url('../fonts/OVRPSSRecut.ttf')  format('truetype');
       font-weight: 800;
       font-style: normal;
}

@font-face {
  font-family: 'overpassRegular';
  src: url('../fonts/overpass-regular.eot');
  src: url('../fonts/overpass-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/overpass-regular.woff2') format('woff2'),
       url('../fonts/overpass-regular.woff') format('woff'),
       url('../fonts/overpass-regular.ttf')  format('truetype');
       font-weight: 500;
       font-style: normal;
}


@font-face {
  font-family: 'overpassBold';
  src: url('../fonts/overpass-bold.eot');
  src: url('../fonts/overpass-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/overpass-bold.woff2') format('woff2'),
       url('../fonts/overpass-bold.woff') format('woff'),
       url('../fonts/overpass-bold.ttf')  format('truetype');
       font-weight: 500;
       font-style: normal;
}