/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

.section-hero {
	background-size: 1745px 425px;
	background-repeat: no-repeat;
	background-image: url("/si/recycling/images/hero_large.jpg");
	background-color: #f2f2f2;
	background-position: center bottom;
	text-align: center;
}

.section-hero.section {
	max-width: 100%;
}

.section-returns {
	text-align: center;
}

.section-returns .steps-row.step-1 {
	padding-top: 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.section-hero {
		background-image: url("/si/recycling/images/hero_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero {
		background-size: 1068px 388px;
		background-repeat: no-repeat;
		background-image: url("/si/recycling/images/hero_medium.jpg");
	}
	.section-returns .steps-row.step-1 {
		padding-top: 28px;
	}
	.section-faqs .section-content {
		margin-left: 16px;
		margin-right: 16px;
		width: auto;
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero {
		background-image: url("/si/recycling/images/hero_medium_2x.jpg");
	}
}

@media only screen and (max-width: 735px) {
	.section-hero {
		background-size: 736px 359px;
		background-repeat: no-repeat;
		background-image: url("/si/recycling/images/hero_small.jpg");
	}
	.section-returns .headline-returns {
		text-align: center;
	}
	.section-returns .steps-row.step-1 {
		padding-top: 18px;
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
	.section-hero {
		background-image: url("/si/recycling/images/hero_small_2x.jpg");
	}
}

/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.section-faqs .border-top {
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
}

@media only screen and (max-width: 735px) {
	.section-hero .link-container .link-email {
		margin-top: 5px;
	}
	.section-hero .link-container .link-website {
		margin-top: 17px;
	}
}

.section-hero .link {
	margin: 40px 0px 0px;
}

@media only screen and (max-width: 735px) {
	.section-hero .link {
		margin: auto;
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/