body {
	margin:1%;
	color: #222222;
	font-family: helvetica, arial,sans-serif;
	font-size:100%;
	background-color: #98fb98;
}

h1, h2, h3, h4 {font-family: verdana, arial,sans-serif;}
h1 {font-size: 200%;}
h2 {font-size: 140%;}
h3 {font-size: 115%;}
h4 {font-size: 100%;}

#wrapper {
	max-width: 1500px;
	margin:0 auto;
	background: White;
	border-width: 3px;
	border-style: none;
}
#header { /* navigation sits inside header on this design */
	border-bottom: 1px solid #8889FF;
	float: left;
	width: 100%;
	margin-top: 5px;
}
#content {
	padding:2%;
	clear: both;
	background-color: White;
}
#footer {
	border-top: 1px solid #8889FF;
}
.copy {
 border-top: 1px solid darkgreen;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

.outer-video-container {
	width: 60%;
	margin:0 auto;
}  

@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
	.outer-video-container {
		width: 80%;
		margin:0 auto;
	}
}

@media only screen and ( max-width: 40em ) /* 640 */
{
	.outer-video-container {
		width: 100%;
	}
}