body {
	margin-top:2%;
	color: #FFFFFF;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	line-height: 1.1;
	text-shadow: 1px 1px 1px #333;
}
h1, h2, h3 {
	margin-bottom: 20px;
	font-weight: 300;
}
h4, h5, h6 {
	margin-bottom: 15px;
	font-weight: 400;
}
p {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 15px 0;
	color: #fff;
	font-weight: 600;
	text-shadow: 1px 1px 1px #333;
}
h2 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  color: #fff;
  font-size: 42pt;
  letter-spacing: 5px;
    
}
.max-width-800px {max-width:800px;}
* { box-sizing: border-box; }
.video-background {
  background: #4b87b0;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity:0.6;
}
#vidtop-content {
	top: 0;
	color: #fff;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}


.promo-1 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0px;
	text-align: center;
	height: 100%;
}
.promo-1 p {
	font-size:20px;
	text-shadow: 1px 1px 1px #333;
	text-align: center;
}
.copy-text {
	font-size:20px;
	text-shadow: 1px 1px 1px #333;
	text-align: center;
	padding:.5em;
}
.promo-1 form {
	font-size:19px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;

}
.form-area {
	text-align: left;
	color: #F0f0f0;
	background: transparent;
	padding: 1em;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	opacity: .9;
	border: 1px solid #f0f0f0;
	
}
.form-area td{
	padding:.3em;
	font-size:115%;
}
.form-area input {
	background:transparent;
	color:#fff;
	border: 1px solid #f0f0f0;
	padding: .3em;
	max-width:200px;
}
.form-area button{
	color: #333;
	background: #fff;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 0.4em;
	font-size: 115%;
	margin-top: 0.2em;
	border: 1px solid #333;
}
.promo1 img{
margin-left:auto;
margin-right:auto;
}
.cta img {
	margin-left:auto;
	margin-right:auto;
	padding:1em;
}


li {
	display: block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #333;
	text-align: center;
}

li:before {
	/*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e067";
	font-family: 'Glyphicons Halflings';
	font-size: 14px;
	margin-top: 2px;
	margin-left: 0px;
	color: #e39600;
	margin-right: 5px;
}