::selection { background: #8AF9F3; }
::-moz-selection { background: #8AF9F3; }

.grey {background-color: #efefed;}
.greywhite {
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#efefed),
		color-stop(81.5%, #efefed),
		color-stop(81.5%, #fff),
		color-stop(18.5%, #fff));
	background: -o-linear-gradient(
		#efefed,
		#efefed 81.5%,
		#fff 81.5%,
		#fff 18.5%);
	background: linear-gradient(
		#efefed,
		#efefed 81.5%,
		#fff 81.5%,
		#fff 18.5%);
	}
.lightgrey {background-color: #e3e4e6;}
.lightcyan {background-color: #c5e6e5;}

.bg {
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-y;
	background-size: contain;
	background-color: #f0eeec;
}


.image1 {}
.image2 {}
.image3 {}
.image3-small {margin-bottom: 6%;}
.image4 {}
.image5 {}
.image6 {padding-top: 3%;}
.image6-small {padding-top: 6%;}
.image7 {padding-top: 4%; padding-bottom: 0; margin-bottom: 0;}
.image7-small {padding-top: 9%;}
.image8 {position: relative; padding-top: 8%; margin-bottom: 6%;}
.image8-small {position: relative; padding-top: 8%; margin-bottom: 6%;}
.image9 {padding-bottom: 0; margin-bottom: 0;}
.image10 {padding-top: 0; margin-bottom: 0; padding-bottom: 3%;}
.image10-small {padding-top: 3%; padding-bottom: 6%;}

.vid1 {position: relative;}

.llc {padding-top: 2%;}

.program {
	padding-bottom: 2%;
	margin-bottom: 0;
}

.half {
	margin: 0;
	padding: 0 0 2% 0;
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(2);
}

.halfimg {
	grid-column: 1 / span 1;
	grid-row: 1 / span 2;
}

.q1 {
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
}

.q2 {
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
}


.switch .halfimg {
	grid-column: 2 / span 1;
	grid-row: 1 / span 2;
}

.switch .q1 {
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
}

.switch .q2 {
	grid-column: 1 / span 1;
	grid-row: 2 / span 1;
}

.desc {
	padding-top: 0;
	margin-top: 0;
	max-width: 660px;
	}

.description {
	max-width: 810px;
}

blockquote {
	margin-top: 9%;
}

@media only screen and (min-width: 850px) and (max-width: 10000px) {

	blockquote h3 {
		font-size: 28px;
		line-height: 40px;
		letter-spacing: -0.035em;
		margin-bottom: 24px;
		-webkit-font-smoothing: antialiased;
	  	-moz-osx-font-smoothing: grayscale;
	  	}
}


@media only screen and (min-width: 200px) and (max-width: 599px) {
	.image9 {margin-top: 8%;}

	.program {
		padding-bottom: 10%;
		margin-bottom: 0;
	}

	.desc {padding-top: 3%;}


	.half {
		margin: 0;
		padding: 0 0 2% 0;
		max-width: 100%;	
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.halfimg {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}

	.q1 {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}

	.q2 {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}

	.switch .halfimg {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}

	.switch .q1 {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}

	.switch .q2 {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}

	.half.bottom .halfimg {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}

	.half.bottom .q2 {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}

	.half.bottom .q1 {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}

	.half.reverse .q2 {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}

	.half.reverse .q1 {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}

}