Hide website header CSS

.header {
	position: fixed;
	top:0;
	left:0;
	right:0;
	transition: transform .4s ease, height .4s ease, background-color .4s ease;
	z-index: 999999;
	background-color: white;
	}



	.scroll-up .header {
		transform: translateY(0);
	}

	.scroll-down .header {
		transform: translateY(-100%);
	}

	@media screen and (max-width:768px){
			.header {
				transition: transform 1s ease;
			}
	}