header.yoo-hoo {
  position: fixed;
    top: 0;
	left: 0; 
	width: 100%;
  z-index: 100;
  transform: translateY(0);
  transition: transform 1.6s cubic-bezier(.19,1,.22,1);
  will-change: transform;
}
header.yoo-hoo.yoo { transform: translateY(-150px); } /* or -100% */
header.yoo-hoo.yoo.hoo { transform: translateY(0); }


/*
header.yoo-hoo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  	transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
header.yoo-hoo.yoo {

	top: -150px;
}
header.yoo-hoo.yoo.hoo {

	top: 0px;
}*/