/* Scroll Animation effects */

/* Every element that animates has this class all the time */
.scroll-animation {
	position: relative;
	transition: all 1s ease;
}

.scroll-animation.fade-out {
	opacity: 0;
}

.scroll-animation.fade-in {
	opacity: 1;
}

.scroll-animation.out-of-view-animate-top {
	top: -30px
}

.scroll-animation.animate-top {
	top: 0px;
}

.scroll-animation.out-of-view-animate-right {
	right: -30px
}

.scroll-animation.animate-right {
	right: 0px;
}

.scroll-animation.out-of-view-animate-bottom {
	bottom: -30px
}

.scroll-animation.animate-bottom {
	bottom: 0px;
}

.scroll-animation.out-of-view-animate-left {
	left: -30px
}

.scroll-animation.animate-left {
	left: 0px;
}