/* User Styles
/	Designer: Steven Lindgren 
/	Version: 1.0
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	


body						              { font-family:  'Open Sans', sans-serif !important;  }

.clear						               { margin-bottom: 0px; clear: both; }
.center                                   { margin: 0px auto 0px auto; text-align:center;}


/*************** Large Screens ****************/
.branding-bar				        { width:100%; margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#ffffff; }
#main-image                        { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url(../img/main-bg-2.jpg) no-repeat center; background-size: cover; position: relative; }


.lowerinfo			                  { width: 100%; padding:70px 0px 70px 0px; margin:0px 0px 0px 0px; background-color:#ffffff;  }
.lowerinfo h1				        { color:#2bb836;  font-size: 18px; font-weight:500; padding: 0px; margin: 10px 0px 10px 0px; text-transform: uppercase; text-align: center;}
.lowerinfo p			             { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:15px; font-weight:100; line-height: 18px; text-align: center;}
.lowerinfo img				       { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; }

.p2-info			                   { padding: 30px 0px 30px 0px; margin:0px 0px 0px 0px; }
.p2-info h1				             { color:#2bb836;  font-size: 40px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px;}
.p2-info h2				             { color:#ffffff;  font-size: 16px; font-weight:400; padding: 0px; margin: 0px 0px 30px 0px;  }
.p2-info h3				             { color:#2bb836;  font-size: 16px; font-weight:800; padding: 0px; margin: 10px 0px 10px 0px; }
.p2-info p			                  { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:15px; font-weight:100; line-height: 18px; }
.p2-info form				        { margin:0px; padding:0px;}
.p2-info label				         { color: #ffffff; font-size: 13px; font-weight:400 !important; margin:0px 0px 5px 0px; padding:0; text-transform: uppercase;  }
.p2-info input                       { background:#ffffff;  border: 1px solid #000000;  }
.p2-info span               { color: #ffffff; }


.p2-questions                      { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.p2-questions p                   { color:#ffffff; font-size:14px; font-weight:400; line-height: 18px;}
.p2-questions span             { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.opt-in						            { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.opt-in p                              { font-size: 12px; font-weight: 600; line-height:18px; color:#ffffff; text-align: left; margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px;}
.opt-in	a					           { color:#2bb836; }




.footer						            { width: 100%; height: auto;  background: #8b8b8b; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px;  }
.footer	p					           { color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; text-align: center; }
.footer a					           { color: #ffffff; text-decoration:none; }




/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.p2-info h1				             { color:#2bb836;  font-size: 40px; font-weight:500; padding: 0px; line-height: 40px; margin: 10px 0px 10px 0px;}
}





/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
#main-image                        { padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background:url(../img/main-bg-2.jpg) no-repeat center; background-size: cover; position: relative; }




.p2-info			                   { padding: 0px 0px 30px 0px; margin:0px 0px 0px 0px; }
.p2-info h1				             { color:#2bb836;  font-size: 24px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; line-height: 24px; }
.p2-info h2				             { color:#ffffff;  font-size: 16px; font-weight:400; padding: 0px; margin: 10px 0px 30px 0px;  }
.p2-info h3				             { color:#2bb836;  font-size: 16px; font-weight:800; padding: 0px; margin: 10px 0px 10px 0px; }
.p2-info p			                  { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:15px; font-weight:100; line-height: 18px; }
.p2-info form				        { margin:0px; padding:0px;}
.p2-info label				         { color: #ffffff; font-size: 13px; font-weight:400 !important; margin:0px 0px 5px 0px; padding:0; text-transform: uppercase;  }
.p2-info input                       { background:#ffffff;  border: 1px solid #000000;  }

.p2-questions                      { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.p2-questions p                   { color:#ffffff; font-size:14px; font-weight:400; line-height: 18px;}
.p2-questions span             { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.opt-in						            { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.opt-in p                              { font-size: 12px; font-weight: 600; line-height:18px; color:#ffffff; text-align: left; margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px;}
.opt-in	a					           { color:#2bb836; }

.lowerinfo				            { width: 100%; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; text-align:center;}
.lowerinfo h1				      { color:#2bb836;   font-size: 15px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.lowerinfo p			           { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:14px; font-weight: 100; line-height: 18px; }
.lowerinfo img				     { margin: 10px 0px 5px 0px; padding:0; text-align:center;}



.footer						           { width: 100%;  background: #8b8b8b; margin: 10px 0px 0px 0px; padding: 20px 0px 20px 0px; }
.footer	p					          { color:#ffffff; font-weight: 300; font-size:11px; line-height: 18px; text-align: center; }
.footer a					          { color: #ffffff; text-decoration:none; }

.thankyou-wrap		           { padding:44px 0px 44px 0px; margin:0px 0px 0px 0px; background-color:#a7d41f;}
.thankyou   				       { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#ffffff; margin: 30px 5px 30px 5px; padding:35px 15px 0px 15px; }
.thankyou h1                     { color: #b71904;  font-size: 26px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; }
.thankyou p					      { color:#4d4d4d; font-size:14px; font-weight:200; padding: 0px 0px 0px 0px; margin: 0px; line-height: 25px;}	

}