#main {
	background-color: #F1F4F9;
	height: 100%;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

section,
#solitehq,
#introduction,
#warranty-and-made-in-brit {
	overflow: hidden;
	position: relative;
	width: 100%;
}

h1 {
	margin: 0;
	padding: 0;
}

.white {
	color: #FFF
}

#solitehq {
	background-image: url(/media/why-buy/solitehq.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	height: 400px;
	position: relative;
	top: 0;
	width: 100%;
}

@media screen and (max-width: 770px ) {
	#solitehq {
		top: -40px;
	}
}

#introduction {
	background-color: #FFF;
	margin-top: -75px;
	position: relative;
}

@media screen and (min-width: 770px ) {
	#introduction {
		margin-top: 0;
	}
}

#introduction .text {
	margin: 30px 6%;
	position: relative;
	width: 88%;
}

@media screen and (min-width: 770px) {
	#introduction .text {
		margin-bottom: 100px;
		margin-top: 100px;
	}
}

@media screen and (min-width: 1080px ) {
	#introduction .text {
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
	}
}

.list {
	width: 90%;
}

.column {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

.column .text {
	margin: 20px 6% 0 6%;
}

.column .text p {
	text-align: left;
}

#made-in-brit {
	background-color: #333;
}

#warranty {
	background-color: #049;
}

#made-in-britain-logo,
#warranty-logo {
	height: 205px;
	margin: 0 auto 50px auto;
	overflow: hidden;
	width: 205px;
}

#made-in-britain-logo img,
#warranty-logo img {
	position: relative;
}

#white-terms {
	color: #FFF;
	text-decoration: underline;
}

#warranty a:hover {
	color: #09F;
}

@media screen and (min-width: 770px) {
	.column .text {
		margin: 0 6%;
		width: auto;
	}
}

@media screen and (min-width: 1100px) {
	#warranty-and-made-in-brit {
		margin: 0 10%;
	}

	.column {
		float: left;
		height: 464px;
		padding-bottom: 75px;
		padding-top: 75px;
		width: 50%;
	}
}

#carbon h1 {
	background-color: #FFF;
	color: #8bb936;
	margin: 0;
	padding: 50px 10px 10px 10px;
	text-align: center;
}

#trees {
	background-image: url(/media/why-buy/trees.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	height: 250px;
	position: relative;
	width: 100%;
}

@media screen and (min-width: 1000px ) {
	#trees {
		height: 500px;
	}
}

@media screen and (min-width: 1980px ) {
	#trees {
		height: 650px;
	}
}

#carbon-content-wrapper {
	background-color: #8bb936;
	padding-bottom: 30px;
}

@media screen and (min-width: 770px) {
	#carbon-content-wrapper {
		background-color: #8bb936;
		padding: 50px;
	}
}

@media screen and (min-width: 1600px) {
	#carbon-content-wrapper {
		background-color: #8bb936;
		padding: 75px;
	}
}

#carbon-content .text {
	margin-top: 0;
	padding: 30px 6% 30px 6%;
}

#carbon-pdf {
	width: 100%;
}

#visit {
	width: 100%;
}

.actions {
	margin: 0 6%;
	width: 88%;
}

.actions a p {
	background-color: #FFF;
	color: #8bb936;
	text-align: center;
}

@media screen and (min-width: 432px) {
	.actions {
		margin: 0 auto;
		width: 400px;
	}
}

@media screen and (min-width: 891px) {
	#carbon-content .text {
		margin: 0 auto;
		width: 825px;
	}

	.actions {
		width: 825px;
	}

	.actions a {
		float: left;
		width: 400px;
	}

	.actions a:first-child {
		margin-right: 25px;
	}
}

@media screen and (min-width: 1836px) {
	#carbon-content {
		margin: 0 auto;
		width: 1700px;
	}

	#carbon-content .text {
		float: left;
		margin: 0;
		padding: 30px 50px 30px 0;
	}

	.actions {
		float: left;
		margin: 50px 0 0 0;
	}
}

#led-bg {
	background-image: url(/media/why-buy/led-tech.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	height: 250px;
	position: relative;
	top: 0;
	width: 100%;
}

#led-content {
	background-color: #049;
	padding: 30px 6%;
	width: 88%;
}

#led-icon {
	height: 60px;
	left: 50%;
	margin-left: -25px;
	position: relative;
	width: 50px;
}

#led-title {
	color: #FFF;
	position: relative;
	text-align: center;
	width: 100%;
}

@media screen and (min-width: 770px) {
	#led-bg {
		height: 400px;
	}
}

@media screen and (min-width: 1080px) {
	#led-technology {
		padding-bottom: 5%;
		padding-top: 10%;
	}

	#led-bg {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 5;
	}

	#led-content {
		background-color: rgba(0, 68, 153, 0.9);
		padding: 50px 4% 210px 4%;
		position: relative;
		width: 84%;
		z-index: 6;
	}

	#led-icon {
		float: left;
		left: 0;
		margin-left: 0;
	}

	#led-title {
		margin: 10px 0 50px 70px;
		text-align: left;
	}

	#led-left {
		margin-right: 4%;
		float: left;
		width: 48%;
	}

	#led-right {
		float: left;
		width: 48%;
	}
}

@media screen and (min-width: 1080px) {
	#led-content {
		margin: 0 6% 0 6%;
		width: 80%;
	}
}

@media screen and (min-width: 1600px) {
	#led-content {
		margin: 0 10% 0 10%;
		width: 72%;
	}
}

@media screen and (min-width: 2000px) {
	#led-content {
		margin: 0 20% 0 20%;
		padding-left: 2%;
		padding-right: 2%;
		width: 56%;
	}
}

#circles {
	width: 100%;
}

@media screen and (min-width: 540px) {
	#circles {
		left: 50%;
		margin-left: -250px;
		position: relative;
		width: 500px;
	}
}

@media screen and (min-width: 1080px) {
	#circles {
		bottom: 30px;
		position: absolute;
	}
}

#testing {
	background-color: #FFF;
	padding: 0;
	width: 100%;
}

#testing-image {
	background-image: url(/media/why-buy/prod-testing.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	padding-top: 250px;
	width: 100%;
}

#testing-icon {
	height: 60px;
	left: -25px;
	margin: 30px 0 0 50%;
	position: relative;
	width: 50px;
}

#testing-title {
	color: #333;
	position: relative;
	text-align: center;
	width: 100%;
}

#testing .text {
	padding: 0 4% 4% 4%;
}

@media screen and (min-width: 770px ) {
	#testing-image {
		padding-top: 35%;
	}

	#testing-icon {
		left: -25px;
		margin: 2% 0 0 50%;
	}
}

@media screen and (min-width: 1080px) {
	#testing {
		margin: 75px auto;
		width: 1000px;
	}
}

#declaration {
	background-color: #FFF;
}

@media screen and (min-width: 1600px) {
	#declaration {
		padding: 75px 0;
	}
}

#declaration-image {
	background-image: url(/media/why-buy/declaration-image.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	height: 160px;
	margin: 10px auto 0 auto;
	position: relative;
	width: 100%;
}

#declaration-icon {
	height: 70px;
	left: -25px;
	margin: 5% 50% 0 50%;
	position: relative;
	width: 50px;
}

@media screen and (min-width: 450px ) {
	#declaration-image {
		height: 180px;
	}
}

@media screen and (min-width: 550px ) {
	#declaration-image {
		height: 220px;
	}
}

@media screen and (min-width: 650px ) {
	#declaration-image {
		height: 300px;
	}
}

@media screen and (min-width: 1000px ) {
	#declaration-image {
		height: 330px;
		width: 1000px;
	}

	#declaration-icon {
		margin: 2% 50% 0 50%;
	}
}

#declaration-title {
	color: #049;
	position: relative;
	text-align: center;
	width: 100%;
}

#declaration table {
	margin: 0 auto;
	max-width: 900px;
	width: 100%;
}

#declaration table th {
	background: #09F;
	color: #fff;
}

#declaration table td {
	background: #F1F4F9;
}

#declaration table td, th {
	padding: 1em;
	text-align: left;
}

#declaration .text {
	margin: 30px 6%;
	position: relative;
	width: 88%;
}

@media screen and (min-width: 770px) {
	#declaration table th {
		width: 250px;
	}

	#declaration .text {
		margin-bottom: 50px;
		margin-top: 50px;
	}
}

@media screen and (min-width: 1080px ) {
	#declaration .text {
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
	}

	#declaration table td, th {
		padding-bottom: 1em;
	}
}

#support {
	background-color: #049;
}

#support-content {
	padding: 30px 6%;
	width: 88%;
}

#technical {
	margin-top: 30px;
}

.support-icon {
	margin: 20px 0 20px 50%;
	position: relative;
}

#how-to-icon {
	height: 60px;
	left: -25px;
	width: 50px;
}

#technical-icon {
	height: 57px;
	left: -40px;
	width: 80px;
}

.support-title {
	text-align: center;
	width: 100%;
}

#how-to ol {
	padding-left: 0;
}

#how-to ol li {
	color: #FFF;
	margin-bottom: 10px;
	margin-left: 1.2em;
}

@media screen and (min-width: 770px) {
	#how-to ol li {
		margin-left: 1.4em;
	}
}

@media screen and (min-width: 1080px) {
	#how-to,
	#technical {
		float: left;
		width: 48%;
	}

	#how-to {
		margin-right: 4%;
	}

	#technical {
		margin-top: 0;
	}

	#support-content {
		margin: 0 6% 0 6%;
		padding: 50px 0 50px 0;
		width: 88%;
	}
}

@media screen and (min-width: 1600px) {
	#support-content {
		margin: 0 10% 0 10%;
		padding: 75px 0 75px 0;
		width: 80%;
	}
}

@media screen and (min-width: 2000px) {
	#support-content {
		margin: 0 20% 0 20%;
		width: 60%;
	}
}

#buy-from {
	background-color: #FFF;
	padding: 30px 6%;
	width: 88%;
}

@media screen and (min-width: 1600px) {
	#buy-from {
		padding: 75px 6%;
	}
}

#buy-from-title {
	color: #049;
	margin-bottom: 20px;
	text-align: center;
}

#buy-from-links a {
	float: left;
	margin: 2%;
	width: 46%;
}

#buy-from-links a img {
	width: 100%;
}

#buy-from-links a .text {
	background-color: #333;
	display: table;
	height: 50px;
	margin-top: 0;
	width: 100%;
}

#buy-from-links a p {
	color: #FFF;
	display: table-cell;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}

@media screen and (min-width: 515px) {
	#buy-from-links {
		margin: 0 auto;
		width: 460px;
	}

	#buy-from-links a {
		margin: 15px;
		width: 200px;
	}
}

@media screen and (min-width: 994px) {
	#buy-from-links {
		width: 460px;
	}
}