.reveal.fade_in {
  position: relative;
  opacity: 0;
  transition: 0.5s all ease;
}

.reveal.fade_in.active {
	opacity: 1;
}

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

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




.reveal.slide_in_right {
	position: relative;
	transform: translateX(150px);
	opacity: 0;
	transition: 0.5s all ease;
}

.reveal.slide_in_left {
	position: relative;
	transform: translateX(-150px);
	opacity: 0;
	transition: 0.5s all ease;
}

.reveal.slide_in_right.active, .reveal.slide_in_left.active {
	transform: translateX(0);
	opacity:1;
}