.nav-bg {
    border-bottom: 8px solid #4bbe58;
}

.page-nav ul li a {
    color: #346f37;
}

.returns-intro{
	background:url("/media/1145/returns_bg.jpg") no-repeat top left;
	background-size:44%;
}

.returns-intro h2{
	font-size:3.5em;
	text-transform:none;
	font-family:'Source Sans Pro';
	font-weight:600;
	margin-top:124px;
}

.returns-intro h2 span{
	font-family:'Campton';
	font-weight:300;
}

.returns-intro h2 span strong{font-weight:600;}

.returns-intro h3{
	font-size:2.8em;
	font-weight:400;
}

.returns-intro h4{
	font-size:2.2em;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:0;
}

.returns-intro a{
	font-size:1.4em;
	color:#FFF;
	text-transform:uppercase;
}

.returns-right{
	background:url("/media/1146/returns_slip_.jpg") no-repeat top right;
	min-height:700px;
	background-size:contain;
}

.arrow{
	margin-top:280px;
	margin-left:50px;
	margin-bottom:180px;
	width:197px;
	padding-top:12px;
	padding-right:5px;
	height:93px;
	position:relative;
}

.arrow::before{
	content: '';
	background:url("/media/1144/arrow_bg.png") repeat-y top left;
	width:43px;
	height:93px;
	position:absolute;
	left:-43px;
	top:0;
}

.arrow::after{
	content: '';
	position:absolute;
	right:-49px;
	top:0px;
  border-top: 47px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 49px solid #4bbe58;
}

.returns-intro .more{
	margin-top:-200px;
}

.more > div{
	-webkit-box-shadow: 3px 3px 6px 0px #888;
	box-shadow: 3px 3px 6px 0px #888;
}

.more .corner{background:url("/media/1147/corner-small-green.png");}

.returns-intro .more p{
	font-size:3.6em;
}

.bene h2{
	font-family:'Source Sans Pro';
	font-weight:600;
	font-size:4.4em;
	text-transform:none;
}

.bene h3{
	font-weight:400;
	font-size:3.3em;
}	

.bene h4{
	height:93px;
	padding-top:22px;
	margin-right:22px;
	margin-left:22px;
	font-size:3.6em;
	color:#FFF;
	font-weight:600;
}

.bene h4::before{
	content: '';
	position:absolute;
	left:-12px;
	top:0px;
	border-top: 47px solid #4bbe58;
  	border-bottom: 46px solid #4bbe58;
  	border-left: 49px solid transparent;
}

.bene h4::after{
	content: '';
	position:absolute;
	right:-12px;
	top:0px;
	border-top: 47px solid transparent;
  	border-bottom: 46px solid transparent;
  	border-left: 49px solid #4bbe58;
}

.bene p{
	font-size:2em;
	border-bottom:1px solid #4bbe58;
	line-height:1.2;
	padding-bottom:10px;
	margin-bottom:10px;
}

.bene .more p{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	font-size:22px;
	line-height:1.5;
}

.bene .more a{
	background-color:#4bbe58;
	font-size:23px;
}

.work{
	background:url("/media/1149/backmiddarkertile.jpg") repeat top center;
}

.work.alt{
	background:url("/media/1150/backmidtile.jpg") repeat top center;
}

.work h2{
	font-family: 'Source Sans Pro';
	/*margin-top:35%;*/
	margin-bottom:25px;
}

.work p{
	font-size:2em;
	margin-bottom:25px;
}

.work a{
	font-size:2em;
	color:#FFF;
	background-color:#4bbe58;
	padding:6px 12px;
}

#how {
    position: relative;
}

#how a.down-arrow.green {
    background-color: transparent;
}

/*#how h2{
	margin-top:30%;
}*/

#how1, #how2, #how3, #how4{
	background:url("/media/1159/1-qr-code_.png") no-repeat;
	height:600px;
	background-position: 43% 50%;
	background-attachment: fixed;
	vertical-align: top;
    padding-top: 400px;
}

#how2{
	background:url("/media/1160/2-need-to-return.png") no-repeat top right;
	background-position: 43% 50%;
	background-attachment: fixed;
}

#how3{
	background:url("/media/1650/4-email-confirmation.png") no-repeat top right;
	background-position: 43% 50%;
	background-attachment: fixed;
}

#how4{
	background:url("/media/1162/4-success-with-prs.png") no-repeat top right;
	background-position: 43% 50%;
	background-attachment: fixed;
}

@media (max-width: 1199.98px) { 
	.arrow{
		margin-top:233px;
		margin-left:0;
	}
}

@media (max-width: 991.98px) {
	.bene h4{
		font-size:2.6em;
		padding-top:28px;
	}
	
	.returns-intro{background:none;}
	
	.returns-intro h2 {margin-top:0;}
	
	#how1, #how2, #how3, #how4{
		background-size:54%;
		/*background-position: 35% 50%;*/
	}
}

@media (max-width: 575.98px) { 
	.returns-right{
		min-height:600px
	}
	
	.bene h4{
		margin-left:40px;
		margin-right:40px;
	}
	
	.bene h4::before{left:6px;}
	
	.bene h4::after{right:6px;}
	
	#how1, #how2, #how3, #how4{
		padding-left:40px;
		background-size:contain;
		background-position:right center;
		/*background-position: 30% 50%;*/
		background-attachment:scroll;
		height:560px;
	}
	
	.work p{font-size:1.6em;}
	
	/*.work h2{margin-top:70%;}*/
}