/* SansPro */
@font-face {
  font-family: 'SansPro';
  font-style: normal;
  font-weight: 300;
  src: url('SourceSansPro-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('SourceSansPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('SourceSansPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('SourceSansPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('SourceSansPro-Regular.svg#SansPro') format('svg'); /* Legacy iOS */
}

/* Inter variable */
@font-face {
  font-family: 'InterVar';
  font-style: normal;
  font-weight: 300;
  src: url('Inter-Variable.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Inter-Variable.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Inter-Variable.woff2') format('woff2'), /* Super Modern Browsers */
       url('Inter-Variable.woff') format('woff'), /* Modern Browsers */
       url('Inter-Variable.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Inter-Variable.svg#InterVar') format('svg'); /* Legacy iOS */
}


body {
  font-family: 'SansPro';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'InterVar';
}