body {background: #fff url(../images/winfood.jpg) no-repeat 50% 50% / cover; paddding-bottom: 30px;}

#dog {background:url(../images/dog.png) no-repeat 100% 100% / contain; min-height: 555px;}
#formRow {background:url(../images/green_shape.png) no-repeat 0% 100% / contain;}

.introBox {padding: 120px 0 0 20px; max-width:480px;}
.intro {position:relative; font-size: 18px; line-height:1.4; padding-right: 100px;}
.win {color:#5abc7a; position:absolute; right:0; top:0; font-size: 68px; line-height:0.5;}
.introBox h2 {position:relative; padding-left: 130px; font-size: 21px; line-height:1.1;}
.introBox h2 span {position:absolute; left:0; font-size: 130px;}
.introBox h2 b {display:block; font-size: 24.8px;}
.introBox h2 strong {display:block; font-size: 64px;}

.extro {position:relative; padding-top: 80px; line-height:1.5;}
.extro strong {}

.extro:after {content:""; position:absolute; bottom: -80px; right: 50px; width: 130px; height: 70px; background: url(../../web%20-%20Copy/images/arrow.png) no-repeat 50% / contain;}

.formBox {padding: 120px 20px 50px 50px;}
.formBox fieldset {border:none; padding:0; margin-bottom: 10px;}
.formBox input[type="text"], .formBox input[type="email"] {width:100%; border:none; padding: 14px 22px; background: #fff; border-radius: 5px; font-size: 14px;  color:#000; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.formBox label {color:#fff; display:block; margin-top: 5px; font-size: 14px;}
.formBox button {background:#f90; color:#fff; font-size: 16px; padding: 14px; width:100%; border-radius: 5px; margin: 10px 0; border:none;}
.formBox button:hover {background: #000;}
.formBox .error {background:red !important; color:#fff !important;}
.formBox .error::placeholder {color:#fff;}

footer {position:fixed; bottom:0; width:100%; background:#fff;}
footer a {color:#000; font-weight:600;}

@media(min-width:768px) and (max-width:992px){
		.formBox {padding: 80px 10px 00px 20px;}
	#dog { min-height: 455px;}
}
@media (max-width:768px){
	#dog {background-position:50% 50% !important; }	
	#formRow {margin: 0 15px; padding-bottom: 00px; margin-bottom: 50px;}
	.formBox {max-width: 400px; margin:0px auto;}
	.extro:after {transform:rotate(140deg); right: 40% !important;}
	.introBox {padding-bottom: 100px; max-width:100%; padding-top: 30px;}
	#dog {max-width: 300px; margin:0px auto -270px auto; max-height: 100px !important; margin-top:-50px;}
	
}
@media(max-width:1150px){
	.intro {position:static; font-size: 16px; line-height:1.4; text-align:center; padding:0 !important;}
	.introBR {display:none;}
	.win {position:static;display:block; font-size: 48px; line-height:1.2;}
	.introBox h2 {position:static; padding-left: 0; font-size: 18px; line-height:1.4; text-align:center;}
	.introBox h2 span {position:static; font-size: 90px; line-height:1;}
	.introBox h2 b {display:block; font-size: 24.8px;}
	.introBox h2 strong {display:block; font-size: 36px;}
	.extro {text-align:center; font-size: 16px; padding-top:40px;}
	
}

body {background: #fff url(../images/winfood.jpg) no-repeat 50% 50% / cover; paddding-bottom: 30px;}

#dog {background:url(../images/dog.png) no-repeat 100% 100% / contain; min-height: 555px;}
#formRow {background:url(../images/green_shape.png) no-repeat 0% 100% / contain;}

.introBox {padding: 120px 0 0 20px; max-width:480px;}
.intro {position:relative; font-size: 18px; line-height:1.4; padding-right: 100px;}
.win {color:#5abc7a; position:absolute; right:0; top:0; font-size: 68px; line-height:0.5;}
.introBox h2 {position:relative; padding-left: 130px; font-size: 21px; line-height:1.1;}
.introBox h2 span {position:absolute; left:0; font-size: 130px;}
.introBox h2 b {display:block; font-size: 24.8px;}
.introBox h2 strong {display:block; font-size: 64px;}

.extro {position:relative; padding-top: 80px; line-height:1.5;}
.extro strong {}

.extro:after {content:""; position:absolute; bottom: -80px; right: 50px; width: 130px; height: 70px; background: url(../../web%20-%20Copy/images/arrow.png) no-repeat 50% / contain;}

.formBox {padding: 120px 20px 50px 50px;}
.formBox fieldset {border:none; padding:0; margin-bottom: 10px;}
.formBox input[type="text"], .formBox input[type="email"] {width:100%; border:none; padding: 14px 22px; background: #fff; border-radius: 5px; font-size: 14px;  color:#000; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.formBox label {color:#fff; display:block; margin-top: 5px; font-size: 14px;}
.formBox button {background:#f90; color:#fff; font-size: 16px; padding: 14px; width:100%; border-radius: 5px; margin: 10px 0; border:none;}
.formBox button:hover {background: #000;}

footer {position:fixed; bottom:0; width:100%; background:#fff;}
footer a {color:#000; font-weight:600;}


#s2 {padding-bottom: 100px;}
.offerBox {padding: 25px; box-shadow:0 0 20px rgba(0,0,0,0.2); border:1px solid orange; border-radius: 5px;}
.offerBox p {font-family:Roboto; font-weight:300; line-height:1.5; margin-bottom: 10px; font-size: 18px;}
.offerBox h2 {font-family: "Unbounded", sans-serif; color:#5abc7a; font-weight:900; line-height:1.5; margin-bottom: 10px; font-size: 28px; padding:0 10%;}

.offerBox h3 {font-family: "Unbounded", sans-serif; color:#000; font-weight:900; line-height:1.5; margin-bottom: 10px; font-size: 20px;  padding:0 10%;}

.offerBox button {margin:10px 10px; font-size: 18px; padding: 7px 20px; border-radius:5px; border:none;}
.offerBox button:nth-of-type(1) {background:green; color:#fff;}
.offerBox button:nth-of-type(2) {background:orange; color:#fff;}

.offerBox button:hover {background:#000; color:#fff !important;}

@media(min-width:768px) and (max-width:992px){
		.formBox {padding: 80px 10px 00px 20px;}
	#dog { min-height: 455px;}
}
@media (max-width:768px){
	#dog {background-position:50% 50% !important; }	
	#formRow {margin: 0 15px; padding-bottom: 00px; margin-bottom: 50px;}
	.formBox {max-width: 400px; margin:0px auto;}
	.extro:after {transform:rotate(140deg); right: 40% !important;}
	.introBox {padding-bottom: 100px; max-width:100%; padding-top: 30px;}
	#dog {max-width: 300px; margin:0px auto -270px auto; max-height: 100px !important; margin-top:-50px;}
	
}
@media(max-width:1150px){
	.intro {position:static; font-size: 16px; line-height:1.4; text-align:center; padding:0 !important;}
	.introBR {display:none;}
	.win {position:static;display:block; font-size: 48px; line-height:1.2;}
	.introBox h2 {position:static; padding-left: 0; font-size: 18px; line-height:1.4; text-align:center;}
	.introBox h2 span {position:static; font-size: 90px; line-height:1;}
	.introBox h2 b {display:block; font-size: 24.8px;}
	.introBox h2 strong {display:block; font-size: 36px;}
	.extro {text-align:center; font-size: 16px; padding-top:40px;}
	
}

.bigThanks {text-align:center; font-family: "Unbounded", sans-serif; color:#000; font-weight:900; line-height:1.5; margin-bottom: 40px; font-size: 48px;}