@font-face {
  font-family: 'Interstate-Regular';
  src: url('Interstate-RegularComp.eot');
  src: url('Interstate-RegularComp.eot?#iefix') format('embedded-opentype'),
      url('Interstate-RegularComp.woff2') format('woff2'),
      url('Interstate-RegularComp.woff') format('woff'),
      url('Interstate-RegularComp.ttf') format('truetype'),
      url('Interstate-RegularComp.svg#Interstate-RegularComp') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interstate-Light';
  src: url('Interstate-LightCond.eot');
  src: url('Interstate-LightCond.eot?#iefix') format('embedded-opentype'),
      url('Interstate-LightCond.woff2') format('woff2'),
      url('Interstate-LightCond.woff') format('woff'),
      url('Interstate-LightCond.ttf') format('truetype'),
      url('Interstate-LightCond.svg#Interstate-LightCond') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interstate-Bold';
  src: url('Interstate-BoldCond.eot');
  src: url('Interstate-BoldCond.eot?#iefix') format('embedded-opentype'),
      url('Interstate-BoldCond.woff2') format('woff2'),
      url('Interstate-BoldCond.woff') format('woff'),
      url('Interstate-BoldCond.ttf') format('truetype'),
      url('Interstate-BoldCond.svg#Interstate-BoldCond') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interstate-Black';
  src: url('Interstate-BlackCond.eot');
  src: url('Interstate-BlackCond.eot?#iefix') format('embedded-opentype'),
      url('Interstate-BlackCond.woff2') format('woff2'),
      url('Interstate-BlackCond.woff') format('woff'),
      url('Interstate-BlackCond.ttf') format('truetype'),
      url('Interstate-BlackCond.svg#Interstate-BlackCond') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}