@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Francois+One|Signika');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body {
	margin: 0;
}

#top-bar {
	position: fixed;
	z-index: 100;
	width: 100vw;
	background: #0067ac;
	height: 8vh;
	color: #FFFFFF;
	box-shadow: 0em .1em 1em rgba(0,0,0,.25);
	
}

	#top-bar .logo {
		background: url(http://www.usglc.org/wp-content/themes/usglc/assets/images/logo@2x.png) no-repeat;
		background-size: 100%;
		background-position: 50% 50%;
		width: 8%;
		width: 15vh;
		height: 100%;
		display: inline-block;
		position: relative;
		top: 0;
		left: 1vw;
		vertical-align: middle;
	}

	#top-bar .share {
		display: inline-block;
		position: relative;
		transform: translateX(-100%);
		top: 0;
		left: 90%;
		left: calc(100% - 15vh);
	}

	#top-bar .tw-share-button {
		background: url(images/twitter-white.png) no-repeat #fca234;
		background-size: 30%;
		background-position: 50% 50%;
		margin-right: .2vw;
		display: inline-block;
		width: 7%;
		width: 14vh;
		height: 100%;
		overflow: hidden;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		text-align: center;
		font-family: 'Francois One';
	}

	#top-bar .fb-share-button {
		background: url(images/facebook-white.png) no-repeat #fca234;
		background-size: 30%;
		background-position: 50% 50%;
		margin-left: .2vw;
		display: inline-block;
		width: 7%;
		width: 14vh;
		height: 100%;
		overflow: hidden;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		text-align: center;
		font-family: 'Francois One';
	}

	#top-bar .tw-share-button:hover, #top-bar .fb-share-button:hover {
		/*background: #ec9123;*/
		opacity: .95;
	}

	#top-bar .share-word {
		display: inline-block;
		width: 10%;
		width: 10vh;
		height: 100%;
		overflow: hidden;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		text-align: center;
		font-family: 'Francois One';
	}

	#top-bar .share-word p {
		margin: 1.8vh auto 0 auto;
		font-size: 1.2em;
	}

.container {
	position: relative;
	top: 100vh;
}

.pink {
	color: #c24b55;
}

.white {
	color: #FFFFFF;
}

.green {
	color: #309349;
}

.green-2 {
	color: #578d18;
}

.red {
	color: #f00022;
}

.red-2 {
	color: #b90027;
}

.blue {
	color: #1e699d;
}

.blue-2 {
	color: #3e6893;
}

.yellow {
	color: #efd017;
}

span.underline {
	text-decoration: underline;
}

div.hero {
	height: 100vh;
	width: 100vw;
	position: fixed;
	font-family: 'Francois One';
	background: #93cee5;
}
	
	div.hero .ski-slope {
		background: url(images/skislope.png) no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}

		div.hero .ski-slope .header h1 {
			font-size: 2em;
			font-size: calc(3vw + 1.5vh + 1.5em);
			line-height: 1.2em;
			position: relative;
			left: 14%;
			top: 10vw;
			top: calc(4vw + 6vh);
			text-align: center;
			width: 65%;
			padding: 2vw 4vw;
			color: #000000;
			background: rgba(255,255,255,.85);
			box-shadow: .2em .2em 1em rgba(0,0,0,.25);
			transform: skew(-5deg, -1deg);
		}

			div.hero .ski-slope .header .header-words {
				transform: skew(5deg,1deg);
			}

		div.hero .ski-slope .description {
			font-size: 2em;
			font-size: calc(1vw + 1vh + .8em);
			line-height: 1.2em;
			position: relative;
			left: 8%;
			top: 12vw;
			top: calc(4vw + 8vh);
			text-align: center;
			width: 75%;
			color: #000000;
			padding: 2vw 4vw;
			background: rgba(255,255,255,.8);
			box-shadow: .2em .2em 1em rgba(0,0,0,.25);
			transform: skew(-3deg, 2deg);
		}

			div.hero .ski-slope .description .description-words {
				transform: skew(3deg,-2deg);
			}

div.transition-img {
	background: url(images/bottomsnow.png) no-repeat;
	background-size: 120% 100%;
	background-position: 50% 0;
	width: 100vw;
	height: 20vw;
	position: relative;
	top: 9.5vw;
	z-index: 5;
}

/* FACT 1 */

	div#fact-1 {
		/*padding-top: 8vw;*/
		/*min-height: 70vw;
		height: 70vh;
		max-height: 100vw;*/
		min-height: 55vh;
		height: 80vw;
		max-height: 140vh;
		overflow: hidden;
		background-color: #69c4f7;
	}

		div#fact1 .content {
		}

			div#fact-1 .content .background {
				padding-top: 10vw;
				width: 100%;
				/*height: 100vh;*/
			}

				div#fact-1 .content .sk-background {
					background: url(images/SK-landmass.png) no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: -11vw;
					left: -.5%;
					width: 32vw;
					height: 40vw;
				}

					div#fact-1 .content .sk-background .sk-background-h {
						background: url(images/SK-landmass-highlight.png) no-repeat;
						background-size: 100% 100%;
						position: relative;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

						div#fact-1 .content .sk-background .sk-background-h .fixed-mtn {
							background: url(images/pyeongchang-mtn.png) no-repeat;
							background-size: 100% 100%;
							position: relative;
							top: 79.75%;
							left: 38.5%;
							width: 6%;
							height: 2%;
						}

						div#fact-1 .content .sk-background .sk-background-h .fixed-label-1 {
							background: url(images/pyeongchang-label.png) no-repeat;
							background-size: 100% 100%;
							position: relative;
							top: 67.5%;
							left: 42.5%;
							width: 22%;
							height: 9%;
						}

						div#fact-1 .content .sk-background .sk-background-h .fixed-label-2 {
							background: url(images/SK-label.png) no-repeat;
							background-size: 100% 100%;
							position: relative;
							top: 87%;
							left: 31%;
							width: 22%;
							height: 9%;
						}

				div#fact-1 .content .usa-background {
					background: url(images/USA-landmass.png) no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: -25vw;
					transform: translateX(-100%);
					left: 100%;
					width: 37vw;
					height: 22vw;
				}

				div#fact-1 .content .export-top-line-container {
					width: 50%;
					position: relative;
					top: -50vw;
					left: 21vw;
					height: 15vw;
					overflow: hidden;
					transform: scale(1.5, .75);
				}

				@keyframes rotateExports {
					0% {
						transform: rotate(0deg);
					}
					100% {
						transform: rotate(360deg);
					}
				}

					div#fact-1 .content .export-top-line-container .export-line {
						border: .4em dashed #e7ff00;
						border-radius: 800em;
						width: 100%;
						height: 50vw;
						transform-origin: 50% 50%;
						animation: rotateExports 30s infinite linear;
					}

				div#fact-1 .content .export-bottom-line-container {
					width: 50%;
					position: relative;
					top: -53.6vw;
					left: 21vw;
					height: 17vw;
					overflow: hidden;
					transform: scale(1.5, .75);
				}

					div#fact-1 .content .export-bottom-line-container .export-line {
						border: .4em dashed #e7ff00;
						border-radius: 800em;
						width: 100%;
						height: 50vw;
						position: relative;
						top: -36vw;
						transform-origin: 50% 50%;
						animation: rotateExports 30s infinite linear;
					}

				@keyframes makeWaves {
					0% {
						background-position-x: 100%;
					}
					100% {
						background-position-x: 366%;
					}
				}

				@keyframes rockBoat {
					0% {
						transform: translateY(.1vw);
					}
					50% {
						transform: translateY(-.1vw);
					}
					100% {
						transform: translateY(.1vw);
					}
				}

				div#fact-1 .content .boat-1 {
					background: url(images/boat-1.png) no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: -70vw;
					left: 20vw;
					width: 7vw;
					height: 3vw;
					animation: rockBoat 3s infinite linear;
				}

					div#fact-1 .content .boat-1 .waves {
						background: url(images/waves.png) repeat-x;
						background-size: 110% 100%;
						width: 100%;
						height: 1vw;
						position: relative;
						top: 2.5vw;
						animation: makeWaves 2s infinite linear;
					}

				div#fact-1 .content .boat-2 {
					background: url(images/boat-2.png) no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: -69vw;
					left: 40vw;
					width: 10vw;
					height: 4vw;
					animation: rockBoat 3s infinite linear .66s;
				}

					div#fact-1 .content .boat-2 .waves {
						background: url(images/waves.png) repeat-x;
						background-size: 110% 100%;
						width: 100%;
						height: 1vw;
						position: relative;
						top: 3.5vw;
						animation: makeWaves 2s infinite linear .5s;
					}

				div#fact-1 .content .boat-3 {
					background: url(images/boat-3.png) no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: -84vw;
					left: 44vw;
					width: 8vw;
					height: 4vw;
					animation: rockBoat 3s infinite linear .33s;
				}

					div#fact-1 .content .boat-3 .waves {
						background: url(images/waves.png) repeat-x;
						background-size: 110% 100%;
						width: 100%;
						height: 1vw;
						position: relative;
						top: 3.5vw;
						animation: makeWaves 2s infinite linear .25s;
					}

				div#fact-1 .content .words {
					position: relative;
					top: -105vw;
					font-family: 'Francois One';
					height: 0;
				}

					div#fact-1 .content .words .blurb-1 {
						display: inline-block;
						font-size: 2em;
						font-size: calc(1.25vw + .4em);
						line-height: 1.4em;
						position: relative;
						width: 45%;
						left: 4%;
						top: -10vw;
						text-align: center;
						padding: 1vw 3vw;
						background: rgba(255,255,255,.8);
						transform: skew(4deg, -2deg);
					}

						div#fact-1 .content .words .blurb-1 .blurb-1-words {
							transform: skew(-4deg, 2deg);
						}

							div#fact-1 .content .words .blurb-1 .blurb-1-words span.larger {
								font-size: 6em;
								font-size: calc(1.25vw + .75em);
							}

					div#fact-1 .content .words .blurb-2 {
						display: inline-block;
						line-height: 1.5em;
						text-align: center;
						font-size: 3em;
						font-size: calc(1.25vw + .35em);
						position: relative;
						transform: translateX(-50%);
						left: 2%;
						top: 0vw;
						width: 42%;
						padding: 2vw 2vw;
						background: rgba(255,255,255,.8);
						transform: skew(2deg, -3deg);
					}

						div#fact-1 .content .words .blurb-2 .blurb-2-words {
							transform: skew(-2deg, 3deg);
						}

							div#fact-1 .content .words .blurb-2 .blurb-2-words span.larger {
								font-size: 6em;
								font-size: calc(2.25vw + .6em);
							}

					div#fact-1 .content .words .blurb-3 {
						font-size: 2em;
						font-size: calc(2.75vw + .5em);
						line-height: 1.2em;
						position: relative;
						left: 20%;
						top: 30vw;
						text-align: center;
						width: 45%;
						padding: 2vw 4vw;
						background: rgba(255,255,255,.8);
						transform: skew(-5deg, -1deg);
					}

						div#fact-1 .content .words .blurb-3 .blurb-3-words {
							transform: skew(5deg, 1deg);
						}					

/* TRANSITION 1 */

	div#transition-1 {
		background-color: #69c4f7;
	}

		div#transition-1 .transition-1-container {
			font-family: 'Francois One';
			font-size: 2em;
			font-size: calc(2.5vw + .75em);
			line-height: 1.5em;
			position: relative;
			left: 30%;
			top: 2vw;
			text-align: center;
			width: 35%;
			color: #b43729;;
			padding: 4vw 4vw;
			background: rgba(255,255,255,.8);
			transform: skew(3deg, 3deg);
		}

		div#transition-1 .transition-1-words {
			transform: skew(-3deg, -3deg);
		}

			div#transition-1 .transition-1-words span.larger {
				font-size: 2em;
				font-size: calc(2.5vw + .75em);
				color: #b43729;;
			}

/* FACT 2 */

	div#fact-2 {
		width: 100%;
		min-height: 145vw;
		height: 160vh;
		max-height: 155vw;
		/*height: 130vmax;*/
		z-index: 1;
		top: 0;
		left: 0;
		overflow: hidden;
		background: linear-gradient(to bottom, #69c4f7, #1e699d);
	}

		div#fact-2 .content {
			height: 100%;
		}

		div#fact-2 .content .background {
			height: 49.5vw;
			overflow: hidden;

		}

			div#fact-2 .content .background .t-hand-one {
				display: block;
				background: url(images/giving-hand-torch-no-flame.png) no-repeat;
				background-size: 100% 100%;
				width: 24vw;
				height: 30vw;
				position: relative;
				top: 20vw;
				left: 23vw;
			}


				@keyframes makeFlamea {
					0% {
						transform: rotate(-8deg) scale(1, 1.025);
					}
					50% {
						transform: rotate(-9deg) scale(1.025, 1);
					}
					100% {
						transform: rotate(-8deg) scale(1, 1.025);
					}
				}

				@keyframes makeFlameb {
					0% {
						transform: rotate(-2deg) scale(1, 1.025);
						opacity: 1;
					}
					50% {
						transform: rotate(-3deg) scale(1.025, 1);
						opacity: .99;
					}
					100% {
						transform: rotate(-2deg) scale(1, 1.025);
						opacity: 1;
					}
				}

				div#fact-2 .content .background .t-hand-one .torchflame {

				}

					div#fact-2 .content .background .t-hand-one .torchflame .torch-layer-1 {
						background: url(images/red-flame.png) no-repeat;
						background-size: 100% 100%;
						width: 22vw;
						height: 15vw;
						position: relative;
						top: -12.25vw;
						left: 1.5vw;
						z-index: 1;
						transform-origin: 60% 100%;
						animation: makeFlamea .3s infinite ease-in-out;

					}

						div#fact-2 .content .background .t-hand-one .torchflame .torch-layer-1 .torch-sub-layer-1 {
							background: url(images/yellow-flame.png) no-repeat;
							background-size: 100% 100%;
							width: 11vw;
							height: 7.5vw;
							position: relative;
							top: 3vw;
							left: 9vw;
							animation: makeFlameb .6s infinite ease-in-out;

						}

			div#fact-2 .content .background .t-hand-two {
				display: block;
				background: url(images/receiving-hand-closed.png) no-repeat;
				background-size: 100% 100%;
				width: 30vw;
				height: 20vw;
				position: relative;
				top: 3vw;
				left: 41.25vw;
			}

				div#fact-2 .content .background .t-hand-two .t-hand-two-open {
					display: block;
					background: url(images/hand-no-fingers.png) no-repeat;
					background-size: 100% 100%;
					width: 30vw;
					height: 20vw;
					position: relative;
					top: 0vw;
					left: 0vw;
				}

					div#fact-2 .content .background .t-hand-two .t-hand-two-open .t-hand-two-open-fingers {
						display: block;
						background: url(images/fingers-only.png) no-repeat;
						background-size: 100% 100%;
						width: 7vw;
						height: 6vw;
						position: relative;
						top: 3.25vw;
						left: -2.85vw;
						transform: scaleX(1);
					}

	div#fact-2 .content .flag-container {
		min-height: 100vw;
		height: 100%;

	}

		div#fact-2 .content .flag-container .arch-container {
			position: relative;
			top: -5vw;
			width: 100vw;
			min-height: 105vw;
			height: 100%;
			overflow: hidden;
			background: none;
		}

			div#fact-2 .content .flag-container .arch-container .arch {
				position: relative;
				top: 0vw;
				left: -81vw;
				background: #e1e2e3;
				height: 250vw;
				width: 250vw;
				border: 5vw solid #1e699d;
				border-radius: 250vw;
				overflow: hidden;
			}

				div#fact-2 .content .flag-container .arch-container .flag-grid {
					background: url(images/flag-grid.png) no-repeat;
					background-size: 100% 100%;
					width: 40vw;
					height: 40vw;
					position: relative;
					transform: translateX(-50%);
					left: 50%;
					top: -40vw;
				}

				div#fact-2 .content .flag-container .arch-container .words {
					position: relative;
					width: 100vw;
					transform: translateX(-50%);
					left: 50%;
					top: 5vw;
					font-family: 'Francois One';
				}

					div#fact-2 .content .flag-container .arch-container .words .blurb-1 {
						display: inline-block;
						font-size: 6em;
						font-size: calc(1.5vw + 1em);
						line-height: 1.5em;
						position: relative;
						left: 50%;
						top: 3vw;
						text-align: center;
						max-width: 500px;
						width: 50%;
						color: #000000;
						margin: .3em auto;
						padding: 3vw 3vw;
						background: rgba(255,255,255,.75);
						transform: translateX(-50%) skew(3deg, -1deg);
					}

						div#fact-2 .content .flag-container .arch-container .words .blurb-1 .blurb-1-words {
							transform: skew(-3deg, 1deg);
						}

							div#fact-2 .content .flag-container .arch-container .words .blurb-1 .blurb-1-words span.big {
								font-size: 1.5em;
								font-size: calc(2vw + 1em);
								text-transform: uppercase;
								color: #ec9123;
							}

							div#fact-2 .content .flag-container .arch-container .words .blurb-1 .blurb-1-words span.bigger {
								
								line-height: 1em;
								font-size: 1.5em;
								font-size: calc(4vw + 1em);
								text-transform: uppercase;
								color: #ec9123;
							}

					div#fact-2 .content .flag-container .arch-container .words .blurb-2 {
						display: block;
						font-size: 3em;
						font-size: calc(1.8vw + 1em);
						position: relative;
						left: 50%;
						top: 5vw;
						max-width: 600px;
						color: #000000;
						text-align: center;
						padding: 3vw 3vw;
						background: rgba(255,255,255,.75);
						transform: translateX(-50%) skew(-2deg, -3deg);
					}

						div#fact-2 .content .flag-container .arch-container .words .blurb-2 .blurb-2-words {
							transform: skew(2deg, 3deg);
						}

/* FACT 3 */

	div#fact-3 {
		background: #527589;
		width: 100%;
		min-height: 130vw;
		height: 150vh;
		max-height: 160vw;
		/*height: 116vmax;*/
		overflow: hidden;
	}

	div#fact-3 .content {
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
		
	}

		div#fact-3 .content .background {
			background: url(images/bobsled-bg-only-2.png) no-repeat #8cc3db;
			background-size: cover;
			background-position: 50% 0%;
			opacity: 1;
			width: 100%;
			/*min-height: 70vw;
			height: 80vh;
			max-height: 200vw;*/
			height: 70vmax;
			position: relative;
			top: -102vh;
			z-index: 1;
		}

			div#fact-3 .content .bobsled-track {
				background: url(images/bobsled-track-only.png) no-repeat;
				background-size: 130% 90%;
				background-position: 50% 0%;
				width: 100%;
				height: 25vw;
				position: relative;
				top: 40vmax;
				left: 0px;
			}

				div#fact-3 .content .bobsled {
					background: url(images/bobsledders-only.png) no-repeat;
					background-size: 100% 100%;
					background-position: 50% 0%;
					width: 28vw;
					height: 15vw;
					transform-origin: -50% 50%;
					transform: rotate(-2deg);
					position: relative;
					top: 19%;
					left: 30%;
				}

					@keyframes motionSnow {
						0% {
							transform: translate(0,0) scale(1);
							opacity: .4;
						}
						50% {
							transform: translate(-15%,-5%) scale(.88);
							opacity: .3;
						}
						100% {
							transform: translate(0,0) scale(.9);
							opacity: .4;
						}
					}

					div#fact-3 .content .bobsled .snow-1 {
						background: url(images/bobsled-motion-snow-1.png) no-repeat;
						background-size: 100%;
						background-position: 50% 0%;
						width: 40%;
						height: 100%;
						position: relative;
						top: -20%;
						left: -32%;
						animation: motionSnow .5s infinite ease-in-out;
						transition: transform 4s linear 1s, opacity 4s, linear 1s;
					}

					div#fact-3 .content .bobsled .snow-2 {
						background: url(images/bobsled-motion-snow-2.png) no-repeat;
						background-size: 100%;
						background-position: 50% 0%;
						width: 40%;
						height: 100%;
						position: relative;
						top: -120%;
						left: -30%;
						animation: motionSnow .42s infinite ease-in-out .17s;
						transition: transform 4s linear 1s, opacity 4s, linear 1s;
					}

		div#fact-3 .content .words {
			z-index: 2;
			height: 100vh;
			position: relative;
			text-align: center;
			width: 100%;
			top: -5vw;
			top: calc(-5vw + 10vh);
			left: 0;
		}



			div#fact-3 .content .words .blurb-1 {
				position: relative;
				top: 15vmax;
				max-width: 700px;
				/*width: 35%;*/
				padding: 2vw 3vw;
				margin: .5em auto;
				font-size: 2em;
				font-size: calc(1.8vw + .75em);
				font-family: 'Francois One';
				background: rgba(255,255,255,.98);
				transform: skew(3deg, 3deg);
			}

				div#fact-3 .content .words .blurb-1 .blurb-1-words {
					transform: skew(-3deg, -3deg);
				
				}

					div#fact-3 .content .words .blurb-1 .blurb-1-words span.larger {
						font-size: 2.3em;
						font-size: calc(1.4vw + .9em);
					}

			div#fact-3 .content .words .blurb-2 {
				position: relative;
				/*top: 55vw;
				top: calc(35vw + 15vh);*/
				top: 40vmax;
				top: calc(15vmax + 25vw);
				max-width: 650px;
				padding: 2vw 3vw;
				overflow: hidden;
				margin: 1em auto;
				font-size: 2.4em;
				font-size: calc(1.8vw + .75em);
				line-height: 1.5em;
				font-family: 'Francois One';
				background: rgba(255,255,255,.9);
				transform: skew(-2deg, 1deg);
			}

				div#fact-3 .content .words .blurb-2 .blurb-2-words {
					transform: skew(2deg, -1deg);
				}

					div#fact-3 .content .words .blurb-2 .blurb-2-words span.larger {
						font-size: 2em;
						font-size: calc(1.1vw + .75em);
					}


			div#fact-3 .content .words .blurb-3 {
				position: relative;
				/*top: 55vw;
				top: calc(35vw + 15vh);*/
				top: 42vmax;
				top: calc(15vmax + 30vw);
				width: 60%;
				padding: 2vw 3vw;
				overflow: hidden;
				margin: 1em auto;
				font-size: 2.4em;
				font-size: calc(1.8vw + .75em);
				line-height: 1.25em;
				font-family: 'Francois One';
				background: rgba(255,255,255,.75);
				transform: skew(1deg, 1deg);
			}

				div#fact-3 .content .words .blurb-3 .blurb-3-words {
					transform: skew(-1deg, -1deg);
				}

					div#fact-3 .content .words .blurb-3 .blurb-3-words span.faded-header {
						font-size: 1em;
						font-size: calc(1.25vw + .55em);
						text-transform: uppercase;
						opacity: .6;
					}

/* FACT 7 */

	div#fact-7 {
		background: #ddedd9;
		width: 100vw;
		/*min-height: 80vw;
		height: 110vh;
		max-height: 140vw;*/
		/*height: 81vmax;*/
		padding-top: 5vw;
		overflow: hidden;
	}

	div#fact-7 .content {
		width: 100vw;
		/*height: 100%;*/
	}
		div#fact-7 .content .stadium-container {
			display: inline-block;
			transform: translateX(-100%) scale(.9);
			position: relative;
			height: 30vw;
			top: 2vw;
			/*top: calc(2vw + 15px - 1.5vw);*/
			left: 97%;

		}

			div#fact-7 .content .stadium-bottom {
				background: url(images/stadium-bottom.png) no-repeat;
				background-size: 100% 100%;
				width: 54vw;
				height: 27vw;
				position: relative;
				opacity: 0;
				transform: translateY(-200%);
				transition: transform .75s ease-in, opacity 1s linear;

			}

			div#fact-7 .content .stadium-shadow {
				background: url(images/stadium-shadow.png) no-repeat;
				background-size: 100% 100%;
				width: 45vw;
				height: 25vw;
				position: relative;
				top: -27vw;
				left: 3vw;
				opacity: 0;
				transition: opacity .15s linear 1.15s;

			}

			div#fact-7 .content .stadium-building {
				background: url(images/stadium-no-bottom.png) no-repeat;
				background-size: 100% 100%;
				width: 45vw;
				height: 25vw;
				position: relative;
				top: -52vw;
				left: 5vw;
				opacity: 0;
				transform: translateY(-200%);
				transition: transform .75s ease-in .5s, opacity 1s linear .5s;

			}

				@keyframes waveFlag {
					0% {
						transform: scaleX(1.025) skewY(.5deg);
					}
					50% {
						transform: scaleX(1) skewY(-.5deg);
					}
					100% {
						transform: scaleX(1.025) skewY(.5deg);
					}
				}

				div#fact-7 .content .stadium-building .sk-flag {
					position: relative;
					top: 2vw;
					left: 39.25vw;
				}

					div#fact-7 .content .stadium-building .sk-flag-pole {
						background: url(images/sk-flag-pole.png);
						background-size: 100% 100%;
						width: 1vw;
						height: 12vw;
						position: relative;

					}

					div#fact-7 .content .stadium-building .sk-flag-wave {
						background: url(images/sk-flag.png);
						background-size: 100% 100%;
						width: 10vw;
						height: 7vw;
						position: relative;
						top: -13vw;
						left: .7vw;
						transform-origin: 0% 50%;
						animation: waveFlag 1s infinite ease-in-out;
					}

				div#fact-7 .content .stadium-building .olympic-flag {
					position: relative;
					top: -22.5vw;
					left: 5.85vw;
				}

					div#fact-7 .content .stadium-building .olympic-flag-pole {
						background: url(images/olymp-flag-pole.png);
						background-size: 100% 100%;
						width: 1vw;
						height: 12vw;
						position: relative;
					}

					div#fact-7 .content .stadium-building .olympic-flag-wave {
						background: url(images/olymp-flag.png);
						background-size: 100% 100%;
						width: 10vw;
						height: 7vw;
						position: relative;
						top: -13.5vw;
						left: .5vw;
						transform-origin: 0% 50%;
						animation: waveFlag 1s infinite ease-in-out .15s;
					}
		
		div#fact-7 .content .words {
			position: relative;
			top: -25vw;
			font-family: 'Francois One';
		}

			div#fact-7 .content .words .blurb-1-container {
				display: inline-block;
				width: 100%;
				position: relative;
				transform: translateX(-50%);
				left: 50%;
				top: 0;
			}

				div#fact-7 .content .words .blurb-1 {
					display: inline-block;
					font-size: 2.4em;
					font-size: calc(2vw + .6em);
					line-height: 1.1em;
					position: relative;
					left: 23%;
					top: 6vw;
					width: 40%;
					color: #000000;
					text-align: left;
					padding: 2vw 1vw 2vw 2vw;
					background: rgba(255,255,255,.75);
					transform: translateX(-50%) skew(2deg,-1deg);
				}

					div#fact-7 .content .words .blurb-1 .blurb-1-words {
						transform: skew(-2deg,1deg);
					}

						div#fact-7 .content .words .blurb-1 span.large {
							font-size: 3em;
							font-size: calc(1.5vw + 1.5em);
							color: #6eb2ce;
						}

			div#fact-7 .content .words .blurb-2-container {
				display: inline-block;
				width: 100%;
				position: relative;
				transform: translateX(-50%);
				left: 50%;
				top: 0;
			}

				div#fact-7 .content .words .blurb-2 {
					vertical-align: top;
					display: inline-block;
					font-size: 2em;
					font-size: calc(1.8vw + .6em);
					position: relative;
					left: 46%;
					left: calc(20% + 3em);
					top: 9.5vw;
					top: calc(9.5vw + 15px - 1vw);
					width: 30%;
					width: calc(30% + 6em);
					margin: 1em 0 1em 0;
					color: #000000;
					text-align: left;
					padding: 2vw 3vw;
					background: rgba(255,255,255,.75);
					transform: translateX(-50%) skew(-1deg,-2deg);
				}

					div#fact-7 .content .words .blurb-2 .blurb-2-words {
						transform: skew(1deg,2deg);
					}

						div#fact-7 .content .words .blurb-2 .blurb-2-words .bigger {
							font-size: 1.2em;
							font-size: calc(1.8vw + .4em);
							color: #598e41;
						}

			div#fact-7 .content .words .blurb-3-container {
				display: inline-block;
				width: 100%;
				position: relative;
				transform: translateX(-50%);
				left: 50%;
				top: 0;
			}

				div#fact-7 .content .words .blurb-3 {
					vertical-align: bottom;
					display: inline-block;
					font-size: 2em;
					font-size: calc(1.8vw + .5em);
					position: relative;
					left: 46%;
					left: calc(34% + 3em);
					top: 9.5vw;
					top: calc(9.5vw + 15px - 1vw);
					width: 60%;
					width: calc(60% + 5em);
					margin: 1em 0 1em 0;
					color: #000000;
					text-align: center;
					padding: 3vw 3vw;
					background: rgba(255,255,255,.75);
					transform: translateX(-50%) skew(1.5deg,-2.5deg);
				}

					div#fact-7 .content .words .blurb-3 .blurb-3-words {
						transform: skew(-1.5deg,2.5deg);
					}

						div#fact-7 .content .words .blurb-3 .blurb-3-words .highlight {
							color: #50676e;
							font-size: 1.2em;
							font-size: calc(2vw + .6em);
						}

/* FACT 4 */
	
	div#fact-4 {
		width: 100vw;
		/*min-height: 120vw;
		height: 180vh;
		max-height: 160vw;*/
		/*height: 140vmax;*/
		z-index: 1;
		overflow: hidden;
	}

	div#fact-4 .content {
		background: #336e6e;
		width: 100vw;
		/*height: 100%;*/
	}

		div#fact-4 .content .background {
			background: #bdedfa;
			opacity: 1;
			width: 100vw;
			/*height: 100%;*/
		}

			@keyframes moveMountains {
				0% {
					background-position: 30% 0%;
				}

				100% {
					background-position: 630% 0%;
				}
			}

			div#fact-4 .content .background .mountains {
				background: url(images/mountains-continuous.png) repeat-x;
				background-size: 120% 120%;
				background-position: 30% 0%;
				width: 100vw;
				/*height: 70vw;*/
				position: relative;
				top: 25vw;
				animation: moveMountains 180s infinite linear;
			}

				div#fact-4 .content .background .mountains .words {
					position: relative;
					top: 18vw;
					/*background: #336e6e;*/
					font-family: 'Francois One';
				}

				div#fact-4 .content .background .mountains .words p.faded-header {
					color: #336e6e;
					text-transform: uppercase;
					font-size: 2.4em;
					font-size: calc(1vw + 1em);
					margin: 0;
				}

					div#fact-4 .content .background .mountains .words .blurb-1 {
						background: rgba(255,255,255,.95);
						padding: 1vw 3vw;
						display: inline-block;
						font-size: 2.2em;
						font-size: calc(1.8vw + .8em);
						line-height: 1.4em;
						position: relative;
						transform: translateX(-50%) skew(5deg, -2deg);
						left: 62%;
						top: -70vw;
						text-align: center;
						width: 45%;
						color: #000000;
						margin: .3em auto;
					}

						div#fact-4 .content .background .mountains .words .blurb-1 .blurb-1-words {
							transform: skew(-5deg, 2deg);
						}

							div#fact-4 .content .background .mountains .words .blurb-1 .blurb-1-words p span.large {
								font-size: 1.4em;
								font-size: calc(.8vw + .8em);
							}

					div#fact-4 .content .background .mountains .words .blurb-3 {
						background: rgba(255,255,255,.95);
						padding: 1vw 3vw;
						font-size: 2.2em;
						font-size: calc(1.5vw + .6em);
						line-height: 1.6em;
						position: relative;
						transform: skew(5deg, -2deg);
						left: 0;
						top: -70vw;
						text-align: center;
						/*width: 45%;*/
						max-width: 475px;
						color: #000000;
						margin: .3em auto;
					}

						div#fact-4 .content .background .mountains .words .blurb-3 .blurb-3-words {
							transform: skew(-5deg, 2deg);
						}

							div#fact-4 .content .background .mountains .words .blurb-3 .blurb-3-words p span.larger {
								font-size: 2em;
								font-size: calc(1.5vw + 1.25em);
							}


					div#fact-4 .content .background .mountains .words .blurb-2 {
						background: rgba(255,255,255,.95);
						padding: 2vw 3vw;
						display: inline-block;
						font-size: 2.4em;
						font-size: calc(1.5vw + .5em);
						line-height: 1.5em;
						position: relative;
						transform: translateX(-50%) skew(-7deg, -2deg);
						left: 50%;
						top: -44vw;
						top: calc(-44vw - 4vh);
						text-align: center;
						width: 75%;
						color: #000000;
						margin: .3em auto;
					}

						div#fact-4 .content .background .mountains .words .blurb-2 .blurb-2-words {
							transform: skew(7deg, 2deg);
						}

					div#fact-4 .content .background .mountains .words .callout {
						background: rgba(255,255,255,.35);
						padding: 2vw 3vw;
						display: inline-block;
						font-size: 2.75em;
						font-size: calc(1.5vw + .7em);
						line-height: 1.4em;
						position: relative;
						transform: translateX(-50%) skew(4deg,-2deg);
						left: 50%;
						top: -40vw;
						top: calc(-44vw - 4vh);
						text-align: center;
						width: 75%;
						color: #000000;
						margin: .3em auto;
					}

						div#fact-4 .content .background .mountains .words .callout .callout-words {
							transform: skew(-4deg,2deg);
						}

			@keyframes flyTiger {
				0% {
					transform: translateY(.5vw);
				}
				50% {
					transform: translateY(-.5vw);
				}
				100% {
					transform: translateY(.5vw);
				}
			}

			div#fact-4 .content .background .tiger {
				display: inline-block;
				position: relative;
				top: -25vw;
				left: 4vw;
				animation: flyTiger 5s infinite ease-in-out;
			}

				@keyframes wiggleEars {
					0% {
						transform: rotate(0deg) scaleX(1) translateX(0);
					}
					50% {
						transform: rotate(-3deg) scaleX(1.1) translateX(.25vw);
					}
					100% {
						transform: rotate(0deg) scaleX(1) translateX(0);
					}
				}

				div#fact-4 .content .background .tiger .left-ear {
					background: url(images/tiger-left-ear.png) no-repeat;
					background-size: 100% 100%;
					width: 4vw;
					height: 3.5vw;
					z-index: 1;
					position: relative;
					top: 6.75vw;
					left: 9vw;
					transform-origin: 100% 100%;
					animation: wiggleEars .25s infinite linear;
				}

				div#fact-4 .content .background .tiger .right-ear {
					background: url(images/tiger-right-ear.png) no-repeat;
					background-size: 100% 100%;
					z-index: 2;
					width: 4.5vw;
					height: 3.5vw;
					position: relative;
					top: 2vw;
					left: 13.75vw;
					transform-origin: 100% 100%;
					animation: wiggleEars .25s infinite linear;
				}

				div#fact-4 .content .background .tiger .tiger-body {
					background: url(images/tiger-no-ears.png) no-repeat;
					background-size: 100% 100%;
					z-index: 3;
					width: 22vw;
					height: 25vw;
					position: relative;
				}

/* FACT 5 */

	div#fact-5 {
		width: 100vw;
		/*min-height: 100vw;
		height: 120vh;
		max-height: 140vw;
		height: 120vmax;*/
		overflow: hidden;
		background: #FFFFFF;
	}

	div#fact-5 .content {
		width: 100vw;
		/*height: 100%;*/
	}
		div#fact-5 .content .globe-container {
			position: relative;
			display: inline-block;
			width: 50%;
			transform: translateX(-50%);
			left: 50%;

		}

			div#fact-5 .content .globe-container .globe {
				background: url(images/globe.png) no-repeat;
				background-size: 100% 100%;
				width: 25vw;
				height: 25vw;
				position: relative;
				top: 5vw;
				left: 10vw;
			}

			div#fact-5 .content .globe-container .steth {
				width: 35vw;
				height: 30vw;
				position: relative;
				top: -22vw;
				left: 6vw;
			}

				@keyframes thump {
					0% {
						transform: scale(1);
					}
					20% {
						transform: scale(1.03);
					}
					40% {
						transform: scale(1);
					}
					60% {
						transform: scale(1.05);
					}
					100% {
						transform: scale(1);
					}

				}

				div#fact-5 .content .globe-container .steth .steth-circle {
					background: url(images/steth-circle.png) no-repeat;
					background-size: 100% 100%;
					width: 4.65vw;
					height: 4.65vw;
					position: relative;
					top: 22.4vw;
					left: -.15vw;
					z-index: 2;
					opacity: 0;
					animation: thump 1.25s infinite linear;
					transition: opacity .5s linear;
				}

				@keyframes stretchLine {
					0% {
						width: 1vw;
					}
					100% {
						width: 31.9vw;
					}
				}

				@keyframes swingTop {
					0% {
						transform: rotate(-6deg);
					}
					50% {
						transform: rotate(-1deg);
					}
					100% {
						transform: rotate(-6deg);
					}
				}

				

				div#fact-5 .content .globe-container .steth .steth-line-container {
					width: 31.9vw;
					height: 23vw;
					position: relative;
					top: -4.75vw;
					left: .2vw;
					z-index: 1;
					overflow: hidden;
					opacity: 0;
					transition: opacity 1s linear .25s;
				}

					div#fact-5 .content .globe-container .steth .steth-line {
						background: url(images/steth-line.png) no-repeat;
						background-size: 100% 100%;
						width: 31.9vw;
						height: 23vw;
					}

				div#fact-5 .content .globe-container .steth .steth-top {
					background: url(images/steth-top.png) no-repeat;
					background-size: 100% 100%;
					width: 8.25vw;
					height: 14vw;
					position: relative;
					top: -11.75vw;
					left: 26.75vw;
					z-index: 3;
					opacity: 0;
					transform-origin: 60% 0%;
					animation: swingTop 3s infinite ease-in-out;
					transition: opacity .5s ease-in 1.1s;
				}
	
		div#fact-5 .content .words {
			font-family: 'Francois One';
			position: relative;
			top: -20vw;
		}

			div#fact-5 .content .words .blurb-1 {
				display: inline-block;
				font-size: 2em;
				font-size: calc(1.8vw + .8em);
				line-height: 1.2em;
				position: relative;
				left: 40%;
				top: 3vw;
				text-align: center;
				width: 55%;
				margin: .3em auto;
				color: #FFFFFF;
				padding: 2vw 3vw;
				background: #414043;
				transform: translateX(-50%) skew(-3deg,-1deg);
			}

				div#fact-5 .content .words .blurb-1 .blurb-1-words {
					transform: skew(3deg,1deg);
				}


			div#fact-5 .content .words .blurb-2 {
				display: inline-block;
				font-size: 6em;
				font-size: calc(2.5vw + .8em);
				line-height: 1.2em;
				position: relative;
				left: 60%;
				top: 7vw;
				text-align: center;
				width: 56%;
				margin: .3em auto;
				color: #FFFFFF;
				padding: 3vw 3vw;
				background: #432646;
				transform: translateX(-50%) skew(-4deg,-3deg);
			}

				div#fact-5 .content .words .blurb-2 .blurb-2-words {
					transform: skew(4deg,3deg);
				}

			div#fact-5 .content .words .blurb-3 {
				display: inline-block;
				font-size: 2em;
				font-size: calc(1.2vw + .8em);
				line-height: 1.5em;
				position: relative;
				left: 50%;
				top: 12vw;
				text-align: center;
				width: 65%;
				margin: .3em auto;
				color: #000000;
				padding: 3vw 5vw;
				background: #edf2ec;
				transform: translateX(-50%) skew(4deg,-2deg);
			}

				div#fact-5 .content .words .blurb-3 .blurb-3-words {
					transform: skew(-4deg,2deg);
				}

					div#fact-5 .content .words .blurb-3 .blurb-3-words span.larger {
						font-size: 2em;
						font-size: calc(1.1vw + .9em);
					}

					div#fact-5 .content .words .blurb-3 .blurb-3-words span.small-callout{
						font-size: 2em;
						font-size: calc(1.1vw + .8em);
					}

/* FACT 6 */

	div#fact-6 {
		width: 100vw;
		/*min-height: 110vw;
		height: 110vh;
		max-height: 200vw;
		height: 150vmax;*/
		overflow: hidden;
		background: #b8cdec;
	}

		div#fact-6 .content {
			width: 100vw;
			/*height: 100%;*/
			font-family: 'Francois One', calibri;
		}

			div#fact-6 .content .callout {
				font-size: 2em;
				font-size: calc(1.5vw + .5em);
				line-height: 1.2em;
				position: relative;
				left: 0;
				top: 5vmax;
				text-align: center;
				max-width: 600px;
				color: #000000;
				margin: .5em auto;
				background: rgba(255,255,255,.85);
				padding: 3.5vw 3vw;
				transform: skew(-1deg, 1deg);
			}

				div#fact-6 .content .callout .callout-words {
					transform: skew(1deg, -1deg);
				}

					div#fact-6 .content .callout .callout-words span.larger {
						font-size: 2em;
						font-size: calc(1.5vw + .6em);
						color: #ea3955;
					}

			div#fact-6 .content .athletes {
				position: relative;
				top: 5vmax;
			}
				div#fact-6 .content .athletes .snowboarder-container {
					width: 100%;
					position: relative;
					top: -15vmax;
				}

					div#fact-6 .content .athletes .snowboarder-container .circle-bg {
						background: url(images/circle-bg.png);
						background-size: 100% 100%;
						width: 18vw;
						height: 18vw;
						display: block;
						position: relative;
						left: 76%;
						top: 28vmax;

					}

					div#fact-6 .content .athletes .snowboarder-container .snowboarder {
						background: url(images/snowboarder.png);
						background-size: 100% 100%;
						width: 20vw;
						height: 23vw;
						display: inline-block;
						transform: translate(0, -100%);
						position: relative;
						left: 95%;
						top: 10vmax;
						opacity: 0;
						transition: transform 1s linear, opacity .1s linear;

					}

					div#fact-6 .content .blurb-1 {
						display: inline-block;
						font-size: 2em;
						font-size: calc(1.8vw + .75em);
						line-height: 1.4em;
						position: relative;
						left: -8vw;
						top: 5vmax;
						text-align: center;
						width: 55%;
						color: #000000;
						margin: .3em auto;
						background: rgba(255,255,255,.85);
						padding: 3vw 2vw;
						transform: skew(3deg, -2deg);
					}

						div#fact-6 .content .blurb-1 .blurb-1-words {
							transform: skew(-3deg, 2deg);
						}

							div#fact-6 .content .blurb-1 .blurb-1-words span.name {
								font-size: 2em;
								font-size: calc(1.5vw + .6em);
								color: #1886c0;
							}

				div#fact-6 .content .athletes .skier-container {
					width: 100%;
					position: relative;
					top: -20vmax;
				}

					div#fact-6 .content .athletes .skier-container .circle-bg {
						background: url(images/circle-bg.png);
						background-size: 100% 100%;
						width: 18vw;
						height: 18vw;
						display: block;
						position: relative;
						left: 7%;
						top: 28vmax;

					}

					div#fact-6 .content .athletes .skier-container .skier {
						background: url(images/skier.png);
						background-size: 100% 100%;
						width: 20vw;
						height: 23vw;
						display: inline-block;
						position: relative;
						left: 5%;
						top: 10vmax;
						opacity: 0;
						transform: translate(-50%,-50%);
						transition: transform 1s linear, opacity .1s linear;
					}

					div#fact-6 .content .blurb-2 {
						display: inline-block;
						font-size: 2em;
						font-size: calc(1.8vw + .75em);
						line-height: 1.4em;
						position: relative;
						left: 75%;
						top: 5vmax;
						text-align: center;
						width: 60%;
						color: #000000;
						margin: .3em auto;
						background: rgba(255,255,255,.85);
						padding: 3vw 2vw;
						transform: translate(-100%,0) skew(2deg, 2deg);
					}

						div#fact-6 .content .blurb-2 .blurb-2-words {
							transform: skew(-2deg,-2deg);
						}

							div#fact-6 .content .blurb-2 .blurb-2-words span.name {
								font-size: 2em;
								font-size: calc(1.5vw + .6em);
								color: #22893f;
							}

				div#fact-6 .content .athletes .skater-container {
					width: 100%;
					position: relative;
					top: -25vmax;
				}

					div#fact-6 .content .athletes .skater-container .circle-bg {
						background: url(images/circle-bg.png);
						background-size: 100% 100%;
						width: 18vw;
						height: 18vw;
						display: block;
						position: relative;
						left: 75%;
						top: 28vmax;

					}

					div#fact-6 .content .athletes .skater-container .skater {
						background: url(images/skater.png);
						background-size: 100% 100%;
						width: 20vw;
						height: 25vw;
						display: inline-block;
						transform: translateX(0);
						position: relative;
						left: 95%;
						top: 10vmax;
						opacity: 0;
						transition: transform 1s linear, opacity .1s linear;

					}

					div#fact-6 .content .blurb-3 {
						display: inline-block;
						font-size: 2em;
						font-size: calc(1.8vw + .75em);
						line-height: 1.4em;
						position: relative;
						left: -8vw;
						top: 5vmax;
						text-align: center;
						width: 55%;
						color: #000000;
						margin: .3em auto;
						background: rgba(255,255,255,.85);
						padding: 3vw 2vw;
						transform: skew(-3deg, -2deg);
					}

						div#fact-6 .content .blurb-3 .blurb-3-words {
							transform: skew(3deg,2deg);
						}

							div#fact-6 .content .blurb-3 .blurb-3-words span.name {
								font-size: 2em;
								font-size: calc(1.5vw + .6em);
								color: #1886c0;
							}

/* FACT 8 */

	div#fact-8 {
		width: 100vw;
		/*min-height: 120vw;
		height: 150vh;
		max-height: 180vw;*/
		overflow: hidden;
		background: #62b277;
	}

		div#fact-8 .content {
			width: 100vw;
			/*height: 100%;*/
			font-family: 'Francois One', calibri;
		}

			div#fact-8 .content .hands-container {
				position: relative;
				display: inline-block;
				transform: translateX(-50%);
				left: 46%;
				top: 10vw;
			}

				div#fact-8 .content .hands-container .hand-1 {
					background: url(images/hand-1.png);
					background-size: 100% 100%;
					width: 25vw;
					height: 17vw;
					position: relative;
					left: -6vw;
					top: 6vw;
					transform: translate(-10vw,10vw);
					opacity: 0;
					transition: transform .5s linear, opacity .5s linear;
				}

				div#fact-8 .content .hands-container .hand-2 {
					background: url(images/hand-2.png);
					background-size: 100% 100%;
					width: 19vw;
					height: 18vw;
					position: relative;
					left: -2vw;
					top: -21vw;
					transform: translate(-10vw,-10vw);
					opacity: 0;
					transition: transform .5s linear .5s, opacity .5s linear .5s;
				}

				div#fact-8 .content .hands-container .hand-3 {
					background: url(images/hand-3.png);
					background-size: 100% 100%;
					width: 25vw;
					height: 17vw;
					position: relative;
					left: 9vw;
					top: -38vw;
					transform: translate(10vw,-10vw);
					opacity: 0;
					transition: transform .5s linear 1s, opacity .5s linear 1s;
				}

				div#fact-8 .content .hands-container .hand-4 {
					background: url(images/hand-4.png);
					background-size: 100% 100%;
					width: 25vw;
					height: 17vw;position: relative;
					left: 9vw;
					top: -44vw;
					transform: translate(10vw,10vw);
					opacity: 0;
					transition: transform .5s linear 1.5s, opacity .5s linear 1.5s;
				}

		div#fact-8 .content .words {

		}

			div#fact-8 .content .words .blurb-1 {
				display: inline-block;
				font-size: 2em;
				font-size: calc(1.8vw + 1.2em);
				line-height: 1.2em;
				position: relative;
				left: 50%;
				top: 5vw;
				text-align: center;
				width: 70%;
				color: #b8243b;
				margin: .3em auto;
				transform: translateX(-50%) skew(2deg, -2deg);
				background: rgba(255,255,255,.75);
				padding: 2vw 2vw;
			}

				div#fact-8 .content .words .blurb-1 .blurb-1-words {
					transform: skew(-2deg, 2deg);
				}

			div#fact-8 .content .words .blurb-2 {
				display: inline-block;
				font-size: 2em;
				font-size: calc(1.2vw + .9em);
				line-height: 1.3em;
				position: relative;
				left: 50%;
				top: -32vw;
				text-align: center;
				width: 65%;
				color: #000000;
				margin: .3em auto;
				transform: translateX(-50%) skew(-3deg, -2deg);
				background: rgba(255,255,255,.5);
				padding: 2vw 2vw;
			}

				div#fact-8 .content .words .blurb-2 .blurb-2-words {
					transform: skew(3deg,2deg);
				}

					div#fact-8 .content .words .blurb-2 .blurb-2-words .larger {
						font-size: 2em;
						font-size: calc(1.2vw + .8em);
						color: #097628;
					}

		div#fact-8 .content .quote-container {

		}

			div#fact-8 .content .quote-container .quote {
				font-size: 2em;
				font-size: calc(1.4vw + .8em);
				line-height: 1.4em;
				position: relative;
				left: 0;
				top: -25vw;
				text-align: center;
				max-width: 725px;
				color: #000000;
				margin: .3em auto;
				transform: skew(1deg, -2deg);
				/*background: rgba(255,255,255,.75);*/
				/*padding: 3vw 6vw 4vw;*/
				border: 1vw dotted #097628;
			}

			div#fact-8 .content .quote-container .quote .quote-bg {
				background: rgba(255,255,255,.75);
				padding: 3vw 6vw 4vw;
				margin: .3em;
			}

				div#fact-8 .content .quote-container .quote .quote-words {
					transform: skew(-1deg,2deg);
				}

					div#fact-8 .content .quote-container .quote .quote-words .big-l-quote {
						font-size: 7em;
						font-size: calc(10vw + 5em);
						opacity: .15;
						position: relative;
						left: -50%;
						top: 8vw;
						z-index: 6;
					}

					div#fact-8 .content .quote-container .quote .quote-words .big-r-quote {
						font-size: 7em;
						font-size: calc(10vw + 5em);
						opacity: .15;
						position: relative;
						left: 50%;
						top: 4vw;
						z-index: 6;
					}

					div#fact-8 .content .quote-container .quote .quote-words .quote-main {
						z-index: 1;
						width: 80%;
						margin: auto;
						font-family: 'source sans pro';
					}

					div#fact-8 .content .quote-container .quote .quote-words .larger {
						font-size: 2em;
						font-size: calc(1.4vw + .9em);
						color: #f49a11;
						font-family: 'francois one';

					}