body,
h1,
p {
  margin: 10;
  padding: 0;
}
header {
	line-height: 100px;
	text-align: center;
	width: 100%;
	background-image: url(../images/button_back.png);
	height: 125px;
}
.cb-header {
	position: fixed;
	left: 0;
	top: -150px;
	z-index: 1;
}
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0px;
  animation-duration: .5s;
  top: 0;
}
@keyframes slideDown {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}
.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0px;
  animation-duration: .5s;
  top: -100px;
}
@keyframes slideUp {
  0% {
    top: 0px;
  }
  100% {
    top: -100px;
  }
}