/******************* Animate on Scroll **********************/
.hidden_section,
.reveal_now {
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.35, 1, 0.45, 1) .3s; 
}

.upward {
	transform: translateY(10%);
}

.upward_small {
	transform: translateY(2%);
}

.left {
	transform: translateX(-10%);
}

.right {
	transform: translateX(10%);
}

@media(max-width: 1250px) {
	.left {
		transform: translateX(-3%);
	}
	
	.right {
		transform: translateX(3%);
	}
}

@media(max-width: 991px) {
	.left,
	.right {
		transform: translateY(10%);
	}
}

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

@media(prefers-reduced-motion) {
	.hidden_section,
	.reveal_now {
		transition: none;
	}
}

.show_now {
	opacity: 1;
	transform: translateY(0);
	transition: none !important;
	transition-delay: 0ms !important;
}