.reveal{
	position: relative;
	transform: translateY(50px);
	opacity: 0;
	transition: 1s all ease;
}

.reveal.active{
	transform: translateY(0);
	opacity: 1;
}

.revealTextAboveFold{
	position: relative;
	transform: translateY(0px);
	opacity: 1;
	transition: 1s all ease;
}

.revealTextAboveFold.active{
	transform: translateY(0);
	opacity: 1;
}

.revealH2{
	position: relative;
	transform: translateX(150px);
	opacity: 0;
	transition: 0.4s all ease;
}

.revealH2AboveFold{
	position: relative;
	transform: translateX(0px);
	opacity: 1;
	transition: 0.4s all ease;
}

@media (max-width: 640px) {
	.revealTextAboveFold{
	position: relative;
	transform: translateY(0);
	opacity: 1;
	transition: 1s all ease;
	}
	.revealTextAboveFold.active{transform: translateY(0);opacity: 1}
	
	.revealH2AboveFold{
	position: relative;
	transform: translateX(0px);
	opacity: 0;
	transition: 0.4s all ease}
}

.revealImage1,.revealImage2,.revealImage3,.revealImage4{
	position: relative;
	opacity: 0;
	transition: 0.4s all ease
 }

.revealImage1 {transform: translateY(150px);transition-delay: 0.3s}
.revealImage2 {transform: translateY(150px);transition-delay: 0.4s}
.revealImage3 {transform: translateY(150px);transition-delay: 0.5s}
.revealImage4 {transform: translateY(150px);transition-delay: 0.6s}

@media (max-width: 640px) {
	.revealH2{position: relative;transform: translateY(50px);opacity: 1;transition: 1s all ease;}
	.revealH2AboveFold{position: relative;transform: translateX(0px);opacity: 1;transition: 1s all ease;}
	.revealImage1 {transform: translateY(50px);transition-delay: 0.3s}
	.revealImage2 {transform: translateY(50px);transition-delay: 0.4s}
	.revealImage3 {transform: translateY(50px);transition-delay: 0.5s}
	.revealImage4 {transform: translateY(50px);transition-delay: 0.6s}
}

.revealH2.active,
.revealH2AboveFold.active,
.revealImage1.active,
.revealImage2.active,
.revealImage3.active,
.revealImage4.active{
	transform: translateY(0);
	opacity: 1;
}

.revealText{
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 0.9s all ease
}

.revealText.active{
	transform: translateY(0);
	opacity: 1
}

.revealButton{
	position: relative;
	opacity: 0;
	transition: 1s all ease;
	transition-delay: 0.2s;
}

.revealButton.active{opacity: 1}