<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* About */

main .top .wrapper {
	text-align: center;
	width: 678px;
}

main .Range {
	padding: 0;
}

main .Range .text {
	background: rgba(255,255,255,0.6);
	padding: 5.4em 0.9em;
}

main .Range .text .right {
	color: #000;
	padding: 7.2em 0;
	text-align: center;
}

.Range h1, .Range h2, .Range h3, .Range h4, .Range h5, .Range h6, .Range .title {
	color: #7B5F26;
	font-size: 48px;
	line-height: 1.1em;
}

.Range h1 span, .Range h2 span, .Range h3 span, .Range h4 span, .Range h5 span, .Range h6 span, .Range .title span {
	color: #000;
	font-size: 30px;
	line-height: 1.8em;
}

.Range .intro {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.6em;
	line-height: 1.8em;
	text-transform: uppercase;
}

.Range .right .boxLink a {
	background: none;
	border: 1px solid #6D531F;
	color: #6D531F;
	padding: 0.675em 3.6em;
}

.Range .right .boxLink a:hover {
	background: none;
	background: rgba(255,255,255,0.2);
}

.Range .right .boxLink a:active {
	background: none;
	background: rgba(0,0,0,0.2);
}

.why .cols {
	background: linear-gradient(90deg, #ccc 0%,#ccc 22%,#fff 22%,#fff 26%,#ccc 26%,#ccc 48%,#fff 48%,#fff 52%,#ccc 52%,#ccc 74%,#fff 74%,#fff 78%,#ccc 78%,#ccc 100%);
}

.why .left, .why .right {
	padding: 3.6em 0;
	text-align: left;
}

.why .four .inner {
	background: #CCC;
	padding: 0.45em 0.675em;
	text-align: left;
}

.why .four .left {
	padding: 0;
	width: 32%;
}

.why .four .right {
	padding: 0;
	width: 64%;
}

@media (max-width: 1200px) {

	main .Range .text .right {
		padding: 9.5833vw 0;/* meh, good enough */
	}

}

@media (max-width: 990px) {

	.why .four .left, .why .four .right {
		float: none;
		margin: 0;
		width: auto;
	}

}

@media (max-width: 990px) {

	.why .cols {
		background: none;
	}
	
	.why .four {
		margin: 0 2% 0 0;
		padding: 2% 0;
		width: 48%;
	}
	
	.why .four:nth-child(n) {
		margin: 0 4% 0 0;
	}
	
	.why .four:nth-child(2n) {
		margin: 0;
	}
	
	.why .four:nth-child(2n + 1) {
		clear: both;
	}

}

@media (max-width: 600px) {
	
	main .Range .text .left, main .Range .text .right, .why .left, .why .right, .why .four, .why .four:nth-child(n) {
		float: none;
		margin: 0;
		width: auto;
	}

}
</pre></body></html>