/* Structure */
#landingPageContent, #landingPageContent2{width:100%; max-width:1000px; min-height:none; display:block; margin: 10px auto; position:relative;padding-bottom:20px;overflow:auto;}
#landingPageContent2{min-height:600px;margin-top:20px;}
.module50{width:50%;height:auto; display:block;position:relative; padding-top:20px;float:left;} 
.module60{width:60%;height:auto; display:block;position:relative;float:left;} 
.module75{width:75%;height:auto; display:block;position:relative;float:left;}
.module95{width:95%;height:auto; display:block;position:relative;float:left;} 
.module40{width:40%;height:auto; display:block;position:relative;float:left;padding-top:20px;} 
.module50 > ul{ width:100%; display:block;margin: 40px auto;float:left;}
.module50 > ul li{width: 25%; float:left;}
.module50 input[type=text] {width: 46%; min-height:44px;margin:1%;}
.module50 input[type=submit]{display:block; margin:10px 0px;clear:both;}
.module40 input[type=submit]{display:block; margin-bottom:10px auto;clear:both;}
.module40 label{width: 100%; margin-bottom: 25px; display:block;}
.hero_image{width:96%; height:auto;}

.module50 p{display:block;margin-left:10px;}
.center{margin-left: auto; margin-right:auto;float:none;clear:both;}
.left{margin-left: 1%;float:none;clear:both;}

/* Text & Styling */
.mainAnimation{background: url(https://image.homedepotemail.com/lib/fe6615707467037f7113/m/2/20171107_PROMO_Acquisiton_03.gif) top left no-repeat; height: 840px; background-size:contain;background-position-y:26px;}
.module50 h1, h2, h3, h4{font-family:  Arial, Helvetica, sans-serif;margin: 0 auto;padding:0px; color:#000; text-align:center;}
.module50 h2{font-size: 52px;font-weight: bolder; line-height: 54px; margin: 0 auto;}
.module50 h3{font-family: 'opensans-light', Arial, Helvetica, sans-serif; font-size: 26px;font-weight: lighter; line-height: 34px; margin: 0 auto;}
.module50 hr.orange{border-top:4px solid #f96302; width:100px; margin: 20px auto;}
.module50 h3.orange{font-family:  Arial, Helvetica, sans-serif;color: #f96302; font-weight:bold;padding:10px;}
.module40 h3.orange{font-family:  Arial, Helvetica, sans-serif;color: #f96302; font-weight:bold;padding-bottom:20px; text-align:left;}
.module50 > ul{list-style-type:none;}
.module50 > ul li{font-family:  Arial, Helvetica, sans-serif; color:#000; text-align:center; font-weight:bold; font-size:26px;}
.module50 input[type=text]{font-family: 'opensans-light', Arial, Helvetica, sans-serif; font-size: 1.3em;font-weight: lighter; line-height: 34px; text-indent: 20px;background-image: url(https://image.homedepotemail.com/lib/fe6615707467037f7113/m/1/20170728_SAD_TextInputBg_clr_01.jpg);background-size:100% 100%;}
.module50 input[type=text]::placeholder{color:#000;}
.module50 input[type=text]:placeholder-shown{background-image: url(https://image.homedepotemail.com/lib/fe6615707467037f7113/m/1/20170728_SAD_TextInputBg_01.jpg);}
.module50 input[type=submit], .module40 input[type=submit], .module40 input[type=button]{background-color: #f96302; padding: 18px 30px; color:#FFF;font-family:  Arial, Helvetica, Arial, sans-serif; font-size: 20px; font-weight:bold;text-align:center;}
.module50 label{}
.module50 p,.module40 p{font-family: 'opensans-light', Arial, Helvetica, sans-serif; font-size: 12px;}
.module40 p{font-size:14px;margin-left:25px;}
.module40 input[type=checkbox]{margin:5px 10px 10px 0px; float:left;}
small{display: block;float: left;font-size: 10px;clear: both;margin-top:20px}
.orange {color: #f96302;}

.thankyou{ width:38%; margin-right:2%; background: url(https://image.homedepotemail.com/lib/fe6615707467037f7113/m/2/20171107_Acq_Thank_You_Promo.jpg) left top no-repeat;background-size:100%;}
.thankyou input[type=button]{margin-top: 330px;}
.thankyou2{width:100%;background: url(https://image.homedepotemail.com/lib/fe6615707467037f7113/m/2/20171107_Acq_Confirmation_Promo.jpg) left top no-repeat;float:left; clear:both;display:block;}

.formButton{background-color: #f96302; padding: 18px 30px; color:#FFF;font-family:  Arial, Helvetica, Arial, sans-serif; font-size: 20px; font-weight:bold;text-align:center;display:block;text-decoration:none;width:280px; margin-top:64%;}
.thankyou2 .formButton{margin-top: 340px;}
.optinVerification{margin-top:25px; margin-bottom:25px;min-height: 40px;}
.optinVerification input{float:left;margin-top:3px;}
.optinVerification p{float:left;width:94%; margin-left:1%; text-align:left;}

/* Form Validation Styling */
div.form-error{width:91.5%; margin: 1%; padding:2%; background-color:#f96302; border-radius: 3px; border: 1px solid #CCC;color:#FFF; font-size:16px;float:left;clear:both;}
div.form-error > ul{width:100%; display:block;margin: 0 auto; list-style-type:circle; list-style-position:inside; color:#FFF; font-size: 12px;}
div.form-error > li{width:100%; display:block;margin: 0 auto; color:#FFF; font-size: 12px; float:none;}

/* @ font face declarations */
@font-face {
	font-family: 'opensans-light';
	src: url("../../node_modules/global-css/src/fonts/opensans/opensans-light.eot");
	src: url("../../node_modules/global-css/src/fonts/opensans/opensans-light.eot?#iefix") format("embedded-opentype"), url("../../node_modules/global-css/src/fonts/opensans/opensans-light.woff2") format("woff2"), url("../../node_modules/global-css/src/fonts/opensans/opensans-light.woff") format("woff"), url("../../node_modules/global-css/src/fonts/opensans/opensans-light.ttf") format("truetype"), url("../../node_modules/global-css/src/fonts/opensans/opensans-light.svg#opensans-light") format("svg");
	font-weight: normal;
	font-style: normal;
}
@media only screen and (max-width : 1400px ) and ( min-width: 768px) {
#landingPageContent #landingPageContent2 {min-height:none !important;}
.module50 {padding-top: calc(10px + 20 * ((100vw - 640px) / 760)) !important;}
.module50 h2 {font-size: calc(25px + 27 * ((100vw - 640px) / 760)) !important;
line-height: calc(25px + 27 * ((100vw - 640px) / 760)) !important;
}
.module50 h3 {font-size: calc(12px + 14 * ((100vw - 640px) / 760)) !important;
line-height: calc(12px + 22 * ((100vw - 640px) / 760)) !important;
}
.module50 > ul li {font-size: calc(12px + 14 * ((100vw - 640px) / 760)) !important;}
.module50 ul {margin: calc(12px + 14 * ((100vw - 640px) / 760)) !important;}
.mainAnimation {height: calc(320px + 427 * ((100vw - 640px) / 760)) !important;}
}
@media only screen and (max-width : 768px) {
#landingPageContent { background: none;}
#landingPageContent .module50{width:100%;height:auto; display:block;position:relative; padding-top:0;} 
#landingPageContent h2{font-size: 40px;color: #FFF; font-weight: bolder; margin: 0 auto;text-shadow: 0px 0px 25px rgba(0, 0, 0, 1);}
.module50 hr.orange{border-top:4px solid #FFF; width:100px; margin: 15px auto;}
.module50 h3{width:90%;}
.module50 h3:first-of-type{font-family: 'opensans-light', Arial, Helvetica, sans-serif; font-size: 26px; color:#FFF;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);font-weight: normal; line-height: 28px; margin: 0 auto; width:66%;margin-bottom:38%}
.module50 fieldset{width:98%; display:block; margin:0 auto;}
.module50 label{width: 94%; margin: 20px auto; display:block;}
.module50 input[type=checkbox]{display: block;float: left; width: 20px;height: 20px;margin-bottom:20px; margin-right:10px;}
.module50 > ul li{width: 50%; float:left;margin-bottom:30px;}
.module50 > ul{margin-top:20px; margin-bottom:0px;}
div.form-error{width:90%; margin:0 auto; float:none; clear:none;}
.thankyou2{background-size: contain;width: 100%; margin: 0 auto;}
.thankyou2 .formButton{margin:40% auto 0 auto;width:90%}
#landingPageContent2{min-height:270px;margin-top:20px;}
.module40{width: 90%; margin: 0 auto;float:none;}
.thankyou{background-size: contain}
.thankyou .formButton{margin:66% auto 0 auto; width:100%}
.module40 input[type=submit]{width:100%}
.mainAnimation{display:none !important;}
.optinVerification{width: 80%;}
.optinVerification p {width:90%;}
.hero_image{width:96%; height:auto;margin:2%;}
.module40 .formButton{padding: 18px 0px};	
}

@media only screen and (max-width : 640px) {
#landingPageContent .module50{padding-top: 0;}	
.module50 h3:first-of-type{margin-bottom:25%}
.module50 input[type=text] {width: 96%; min-height:44px;margin:2%;}
.optinVerification{width: 96%;}
.optinVerification p {width:90%;}
.module50 label{width: 100%; margin: none;}
.module50 input[type=checkbox]{display: block;float: left; width: 20px;height: 20px;margin-bottom:0px; margin-right:0px;}
.module40 .formButton{padding: 18px 0px};
}
@media only screen and (max-width : 320px) {
#landingPageContent h2{font-size: 34px}
.module50 h3{font-size: 20px;}
.module50 h3:first-of-type{width:80%;margin-bottom:20%;}
.module50 input[type=text]{width: 94%; background-size:100% 100%;}
.module50 fieldset{width:100%;}
.module40 .formButton{padding: 18px 0px};
}
}