/*********************
HEADER ANIMATION
*********************/

.scrollAnimate { 
    animation-duration: 0.75s;
    animation-fill-mode: both;
}  

@keyframes slideDown { 
	0% {
		transform: translateY(-150%); 
	}
	100% {
		transform: translateY(0px);
	}
}
	@keyframes slideDown {
	0% { 
		transform: translateY(-150%); 
	}
	100% {
		transform: translateY(0px);
	}
}
	.slideDown {
		animation-name: slideDown;
	}
	
@keyframes slideUp {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-150%);
	}
}
	@keyframes slideUp {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-150%);
	}
} 

.slideUp {
    animation-name: slideUp; 
}