#content {
	padding-top: 0;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides > li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides > li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.rslides div {
	min-height: 260px;
}

.rslides div ul {
	margin: 0;
	margin-left: 2em;
}

.rslides div ul li {
	margin: 0;
}

.rslides_tabs {
	position: relative;
	list-style: none;
	margin: 1em auto;
	text-align: center;
	background: transparent;
	padding: 0;
	z-index: 10;
	clear: both;
}

.rslides_tabs li {
	display: inline;
	margin: 0;
}

.rslides_tabs a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	background-color: #D2BB94;
	color: #1d456e;
	text-align: center;
	text-decoration: none;
}

.rslides_tabs .rslides_here a {
	background: #663300;
}

.subsection div {
	margin: 1em 0;
	padding: 1em;
	background-color: #efe4d2;
}

.subsection .fa {
	font-size: 30pt;
	margin: 0 auto;
	text-align: center;
	color: #663300;
}

.subsection p {
	font-size: 10pt;
	color: #000000;
}

#main-block, #sell-points {
	padding: 1em 0;
}

#main-image img,
#main-image div {
	max-height: 200px;
	display: inline-block;
	vertical-align: middle;
}

#main-text p {
	text-align: center;
}

#main-text h1 {
	font-size: 18pt;
	text-align: center;
}

@media screen and (min-width: 641px) {

	.rslides div {
		display: block;
		position: absolute;
		top: 50%;
		left: 1em;
		/*background-color: #D2BB94;
		background-color: rgba(210, 187, 148, 0.5);*/
		height: 200px;
		margin-top: -100px;
		padding: 1em;
		width: 275px;
	}

	.rslides div h2 {
		color: #663300;
	}

	.subsection {
		float: left;
		width: 33.33333%;
	}

	.subsection div {
		margin: 0.5em;
		min-height: 300px;
	}

	.subsection .fa {
		font-size: 40pt;
		margin: 10px 0;
	}

	.subsection p {
		font-size: 12pt;
	}

}

@media screen and (min-width: 761px) {
	
	#main-block {
		padding: 2em 0;
	}
	
	#main-image {
		display: inline-block;
		width: 22%;
		max-width: 300px;
		vertical-align: middle;
		max-height: none;
	}

	#main-text {
		text-align: left;
		display: inline-block;
		width: 73%;
		max-width: 800px;
		vertical-align: middle;
	}

	#main-text p {
		text-align: left;
	}

	#main-text h1 {
		font-size: 24pt;
		text-align: left;
	}
	
}

@media screen and (min-width: 961px) {
	
	.subsection div {
		margin: 1em;
	}

	.subsection .fa {
		font-size: 60pt;
	}
}

@media screen and (min-width: 1025px) {

	.rslides div {
		left: 8em;
	}

}