@font-face {
  font-family: 'Bandera Pro';
  src: url('BanderaPro-Bold.ttf');
  src: local('BanderaPro Bold'), local('BanderaPro-Bold'),
      url('BanderaPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Bandera Pro';
  src: url('BanderaPro.ttf');
  src: local('BanderaPro'), local('BanderaPro'),
      url('BanderaPro.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Bandera Pro';
  src: url('BanderaPro-Light.ttf');
  src: local('BanderaPro Light'), local('BanderaPro-Light'),
      url('BanderaPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Osnova Pro';
  src: url('OsnovaPro-Bold.ttf');
  src: local('OsnovaPro Bold'), local('OsnovaPro-Bold'),
      url('OsnovaPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Osnova Pro';
  src: url('OsnovaPro.ttf');
  src: local('OsnovaPro'), local('OsnovaPro'),
      url('OsnovaPro.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Osnova Pro';
  src: url('OsnovaPro-Light.ttf');
  src: local('OsnovaPro Light'), local('OsnovaPro-Light'),
      url('OsnovaPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}