@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/economica/v17/Qw3aZQZaHCLgIWa29ZBTjecUDXx9.ttf) format('truetype');
}
@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/rancho/v22/46kulbzmXjLaqZRVam_k.ttf) format('truetype');
}
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/satisfy/v22/rP2Hp2yn6lkG50LoCZOIGA.ttf) format('truetype');
}
@font-face {
  font-family: 'Yesteryear';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/yesteryear/v21/dg4g_p78rroaKl8kRKo1n7sNSw.ttf) format('truetype');
}