.scroll-watcher {
	height: 5px;
	position: fixed;
	top: 0;
	z-index: 9999999;
	background-color: #ffb100;
	width: 100%;
	scale: 0 1;
	transform-origin: left;
	animation: scroll-watcher linear;
	animation-timeline: scroll();
}

/* REMOVES ANIMATIONS IF SET IN BROWSER */
@media (prefers-reduced-motion: no-preference) {

	@keyframes scroll-watcher {
		to { scale: 1 1; }
	}

	@keyframes fade-in {
		to { scale: 1; opacity: 1; }
	}

	@keyframes slide-up {
		from { top:150px;  /*opacity:0; sscale: 1;*/ }
		to { top:0px;  opacity:1; scale: 1; }
	}

	@keyframes slide-down {
		from { top:-50px;  opacity:0; scale: 1; }
		to { top:50px;  opacity:1; scale: 1; }
	}

	@keyframes slide-right {
		from { right:-250px;  opacity:0; scale: 1; }
		to { right:0;  opacity:1; scale: 1; }
	}

	/* OUR PARTNERS */
	div.our-partners-container > div:nth-child(1) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 50px 300px;
	}
	div.our-partners-container > div:nth-child(2) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 100px 325px;
	}
	div.our-partners-container > div:nth-child(3) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 200px 350px;
	}
	div.our-partners-container > div:nth-child(4) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 250px 400px;
	}
	div.our-partners-container > div:nth-child(5) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 300px 425px;
	}
	div.our-partners-container > div:nth-child(6) {
		scale: .8; opacity: 0;
		animation: slide-right linear forwards;
		animation-timeline: view();
		animation-range: 350px 450px;
	}

	/* RESOURCES */
	div.resources-container div.resources-card {
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 400px;
	}

	/* NEWS AND EVENTS */
	div.news-and-events-container > div:nth-child(1) {
		scale: .8; opacity: 0;
		animation: slide-up linear forwards;
		animation-timeline: view();
		animation-range: 50px 450px;
	}
	div.news-and-events-container > div:nth-child(2) {
		scale: .8; opacity: 0;
		animation: slide-up linear forwards;
		animation-timeline: view();
		animation-range: 50px 450px;
	}
	div.news-and-events-container > div:nth-child(3) {
		scale: .8; opacity: 0;
		animation: slide-up linear forwards;
		animation-timeline: view();
		animation-range: 50px 450px;
	}

	/* OUR IMPACT */
	@media only screen and (max-width: 1199px) {
		div.our-impact-card-container > div:nth-child(1) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 300px;
		}
		div.our-impact-card-container > div:nth-child(2) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 300px;
		}
		div.our-impact-card-container > div:nth-child(3) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 300px;
		}
		div.our-impact-card-container > div:nth-child(4) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 300px;
		}
		div.our-impact-card-container > div:nth-child(5) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 250px;
		}
		div.our-impact-card-container > div:nth-child(6) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 250px;
		}
		div.our-impact-card-container > div:nth-child(7) {
			scale: .8; opacity: 0;
			animation: fade-in linear forwards;
			animation-timeline: view();
			animation-range: 50px 250px;
		}
	}
	@media only screen and (min-width: 1200px) {
		div.our-impact-card-container > div:nth-child(1) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 50px 300px;
		}
		div.our-impact-card-container > div:nth-child(2) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 100px 350px;
		}
		div.our-impact-card-container > div:nth-child(3) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 150px 400px;
		}
		div.our-impact-card-container > div:nth-child(4) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 200px 450px;
		}
		div.our-impact-card-container > div:nth-child(5) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 250px 500px;
		}
		div.our-impact-card-container > div:nth-child(6) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 250px 550px;
		}
		div.our-impact-card-container > div:nth-child(7) {
			scale: .8; opacity: 0;
			animation: slide-right linear forwards;
			animation-timeline: view();
			animation-range: 250px 600px;
		}
	}

	/* ALIGNING WITH SDGS */
	div.outcome-card-container div.outcome-card {
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 400px;
	}

	div.aligning-with-sdg-card-container > div.aligning-with-sdg-card {
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 300px;
	}

	/* AREAS OF FOCUS */
	div.area-of-focus-card-container div.area-of-focus-card {
/*	DEVI EDITS	*/
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 300px;
/*		BEFORE DEVI EDITS
		scale: .5; opacity: 0;
		animation: slide-up linear forwards;
		animation-timeline: view();
		animation-range: 50px 600px;*/
	}

	/* INTRO TEXT */
	div.intro-text {
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 350px;
	}

	div.section-text-dark {
		scale: .8; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: 50px 300px;
	}

}