/*!normalize.css | MIT License | git.io/normalize */ content,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}
h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}
h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}
b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
p,pre{margin:1em 0;}
q{quotes:none;}q:before,q:after{content:'';content:none;}
small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
ul{margin:1em 0;}dd{margin:0 0 0 40px;}
menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}
table{border-collapse:collapse;border-spacing:0;}

/* Structure */
body {
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  margin:0;
  }
.dark {background:#000;}
img{max-width: 98%;height: auto;}
  
#wrapper {
  padding: 0;
  background:#fff;
  margin: 0 auto;
  width:85%;
  max-width:1250px;
 }
#wrapper2 {
  padding: 0;
  background:#000;
  margin: 0 auto;
  width:85%;
  max-width:1250px;
 }  
#content{padding:2% 5%;font: 1em/1.5 'Open Sans', sans-serif;}
ul {margin:0;padding:0;width:90%;}
li {
background:url(../images/check.png) no-repeat left 8px;
padding:0 0 15px 36px;
list-style:none;
overflow:hidden;
font-size:22px;
}
.video-wrapper {
	width:80%;
	max-width:96%;
	margin:2% auto 0;
}  
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width:100%;
}
img.promoimage{margin:7% 2% 1em 0; border: 1px solid #ccc; padding:3px; width:85%; max-width:96%; height:auto;}
img.promoimage a{text-decoration:none;border-bottom:none;}
img.promoimage a:hover{text-decoration:none;border-bottom:none;}
#footer{
	background: #fff;
	color: #666;
	padding:20px 0 20px 0;
	margin: 8% auto 0 auto;
  	width:95%;
  	max-width: 1250px;
  	text-align:left;
    overflow:hidden;
}
#footer a{color:#000;text-decoration:none; border-bottom: 1px dotted #ccc;}
#footer a:hover{color:#000;text-decoration:none; border-bottom: 1px dotted #000;}

#footer2{
	color: rgb(136, 136, 136);
	padding:20px 0 20px 0;
	margin: 8% auto 0 auto;
  	width:95%;
  	max-width: 1250px;
  	text-align:left;
    overflow:hidden;
}
#footer2 a{color:rgb(136, 136, 136);text-decoration:none; border-bottom: 1px dotted #ccc;}
#footer2 a:hover{color:rgb(136, 136, 136);text-decoration:none; border-bottom: 1px dotted #000;}
/* Page typography */
p{font: 16px/1.5 'Open Sans', sans-serif;font-weight:400;}
h1 {font-size: 39px;font-weight: 700;letter-spacing: -2px;margin-bottom:3%;
line-height: 135%;text-align: center;color:rgb(47, 47, 47);}
h2 {font-size: 28px;line-height:125%; margin-bottom:3%; font-weight: 600;}
h3 {font-size: 22px;margin-bottom:3%;font-weight:600;line-height:1.2em;}
#footer p, #footer2 p{font-size:13px;padding: 0 5%; font-weight:400;}
.blue {color: rgb(1, 116, 199);}
.red {color: rgb(252, 66, 45);}
.large {font-size:24px;}
.center {text-align:center;}
.uppercase {text-transform:uppercase;}
.spacer {margin:8% auto 5%;}
.myButton {
		-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
		-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:rgb(1, 116, 199);
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid rgba(0,0,0,0.2);
        display:inline-block;
        color:#ffffff;
        font-size:28px;
		letter-spacing:-1px;
        font-weight:600;
        padding:3% 2%;
		margin:5% auto 2%;
        text-decoration:none;
		text-align:center;
		width:70%;
		max-width:96%; 
    }
.myButton:hover {
        background-color:rgb(1, 116, 275);text-decoration:none!important;color:#fff!important;
    }
.myButton:active {position:relative;top:1px;text-decoration:none!important;color:#fff!important;}
.myButton:visited {text-decoration:none;color:#fff!important;}

.myButtontop {
		-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
		-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:rgb(1, 116, 199);
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid rgba(0,0,0,0.2);
        display:inline-block;
        color:#ffffff;
        font-size:44px;
		letter-spacing:-1px;
        font-weight:600;
        padding:1%;
		margin:0 auto 2%;
        text-decoration:none;
		text-align:center;
		width:70%;
		max-width:700px; 
    }
.myButtontop:hover {
        background-color:rgb(1, 116, 275);text-decoration:none!important;color:#fff!important;
    }
.myButtontop:active {position:relative;top:1px;text-decoration:none!important;color:#fff!important;}
.myButtontop:visited {text-decoration:none;color:#fff!important;}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0 auto;
	width:95%;
	max-width:95%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_left {width:39.2%;}
.span_right {width:59.2%;}
.presentation-button {width:75%;max-width:96%;margin:1% auto 2%;}
/* Fade in and out */
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.animate-flicker {
    animation: fadeIn 1.5s infinite alternate;
}
	
	/* Landscape phones and down */
@media (min-width: 1280px) and (max-width: 1475px) {
.myButton {font-size:24px;}.
h1 {font-size:38px;}
h2 {font-size:26px;}
}
@media (min-width: 1025px) and (max-width: 1280px) {
#wrapper, #wrapper2 {width:96%;max-width:96%;}
h1 {font-size:36px;}
h2 {font-size:24px;}
.myButton {width:87%;max-width:87%;font-size:24px;}
.myButtontop {font-size:32px;}
.large {font-size:20px;}
}	
@media (min-width: 768px) and (max-width: 1024px) {
#wrapper, #wrapper2 {width:98%;max-width:98%;}
.promoimage {margin: 1em;width:50%;max-width:50%;}
li {font-size:24px;}
h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 22px;}
.myButton {width:85%;max-width:85%;font-size:22px;}
.myButtontop {font-size:28px;}
.presentation-button {font-size:24px;}
.large {font-size:19px;}
.video-wrapper {width:95%;}
}
@media (min-width: 768px) and (max-width: 925px) {
#wrapper, #wrapper2 {padding:0;}
.promoimage {margin: 1em;width:50%;max-width:50%;}
li {font-size:16px;}
h1 {font-size: 30px;}
h2 {font-size: 18px;}
h3 {font-size: 18px;}
.myButton {font-size:22px;width:90%;max-width:90%;}
.myButtontop {font-size:26px;}
.large {font-size:15px;}
.video-wrapper {width:95%;}
}
@media (max-width: 767px) { 
.promoimage {margin: 1em auto;max-width: 75%!important;}
h1 {font-size: 30px; margin-bottom:1%;}
h2 {font-size: 18px;}
h3 {font-size: 18px;}
.col { margin: 1% 0 1% 0%;}
.span_2_of_2, .span_1_of_2, .span_left, .span_right { width: 100%; }
.large {font-size:18px;}
li {font-size:17px;}
.myButton {width:98%;max-width:98%;font-size:20px;}
.myButtontop {font-size:22px;margin-top:3%;width:98%;max-width:98%;}
.presentation-button  .myButton {font-size:18px;}
.video-wrapper {width:95%;}
#footer, #footer2 {width:98%;max-width:98%;}
#footer p,#footer2 p {font-size:11px;}
}
@media (max-width: 600px) { 
h1 {font-size: 28px;}
.myButtontop {font-size:21px;margin-top:3%;padding:3% 2%;}
}
/* Portrait */
@media (max-width: 479px) { 
#wrapper {width:98%;}
.promoimage  {border: 0 none;float: none;margin: 0 auto 1em;width: 98%;}
#content {padding:0 2%;}
h1 {font-size: 28px;line-height: 125%;letter-spacing:-1px;}
h2 {font-size: 22px;}
h3 {font-size: 14px;}
li {font-size:16px;}
.large {font-size:17.5px;line-height:130%;}
.myButton {font-size:21px;}
.myButtontop {font-size:18px;}
.presentation-button {width:85%;}
.video-wrapper {width:95%;}
}


