/* @group About Banner */
	.about-top{
		background-size: cover;
		background-position: center;
	}
	.about-top > div{
		height: 100%;
		position: relative;
	}
	.about-top > div > div:first-child{
		height: 50%;
		width: 100%;
		float: left;
	}
	.about-top > div > div:nth-child(2){
		width: 100%;
		float: left;
		margin: -100px 0 0;
	}
	.about-top > div > div:nth-child(2) > h3.alt2 {
		font-size: 18px;
		text-transform: none;
	}
	.about-top a[href="#info"]{
		position: absolute;
		z-index: 10;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto 40px;
		width: 50px;
		height: 30px;
	}
	.about-top #about-scroll {
		position: relative;
		top: 5px;
		width: 30px;
		height: auto;
		stroke: #fff;
		fill: #fff;
		-webkit-transition: transform 0.25s ease-out;
		-moz-transition: transform 0.25s ease-out;
		transition: transform 0.25s ease-out;
	}
	.about-top a[href="#info"]:hover #about-scroll {
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		-o-transform: translateY(5px);
		transform: translateY(5px);
	}
/* @end */
/* @group About Body */
	.about-page {
		background: #e9e6e3;
	}
	.about-page .about-body .spacer-wrap{
		padding: 0;
		clear: left;
	}
	.about-page .about-body .spacer{
		padding: 0;
		position: relative;
		background-size: cover;
		background-position: center;
	}
	.about-page .about-body .spacer img{
		width: 100%;
		height: auto;
		position: relative;
	}
	#infoTop{
	  -webkit-transition: opacity 0.5s ease-out, transform .5s ease;
	  transition: opacity 0.5s ease-out, transform .5s ease;
	}
	#infoTop.fadeIn{
		opacity: 0.2;
	}
	#infoBottom{
		-webkit-transition: opacity 0.5s ease-out, transform .5s ease;
		transition: opacity 0.5s ease-out, transform .5s ease;
	}
	#infoBottom.fadeIn{
		opacity: 0.2;
	}

	#about-info-content {
		padding: 125px 10px;
	}
	#about-info-content p.alt3 {
		color: #555;
		max-width: 750px;
		margin: 0 auto 50px;
		font-size: 21px;
		line-height: 40px;
	}
	#about-info-content a {
		display: inline-block;
		margin: 0 auto;
		padding: 3% 7%;
		text-align: center;
		background: rgba(138,126,112,0);
		border: 2px solid rgba(138,126,112,1);
		color: rgba(138,126,112,1);
		font-family: "brandon-grotesque", sans-serif;
		font-weight: 400;
		font-size: 14px;
		letter-spacing: 0.4em;
		text-transform: uppercase;
		-webkit-transition: background 0.4s ease-out;
		transition: background 0.4s ease-out;
	}
	#about-info-content a:link,
	#about-info-content a:visited {
		background: rgba(138,126,112,0);
		color: rgba(138,126,112,1);
	}
	#about-info-content a:hover,
	#about-info-content a:active {
		background: rgba(138,126,112,1);
		border: 2px solid rgba(138,126,112,1);
		color: #fff;
	}
/* @end */
/* @group About Footer */
	.about-page #sub-footer {
	   background-color: #a3998d;
	}
	.about-page #sub-footer .property h5{
		background-color: #a3998d;
		color: rgba(138,126,112,1);
		-webkit-transition: color 0.3s ease;
		-moz-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	.about-page #sub-footer .property:hover h5{
		color: rgba(233,230,227,1);
	}
	.about-page #sub-footer .property p {
		color: rgba(138,126,112,1);
		line-height: 1.2em;
		padding-top: 10px;
	}
	.about-page #sub-footer .property:hover p {
		color: rgba(233,230,227,1);
	}
/* @end */

/* @group Mobile Styles */
	@media (max-width: 767px){
		.about-top > div > div:nth-child(2){
			position: absolute;
			top: 50%;
			left: 0;
			margin: 0;
			-webkit-transform: translate(0%, -50%);
			-moz-transform: translate(0%, -50%);
			-ms-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
		}
		.about-top > div > div:nth-child(2) > h3.alt2{
			font-size: 16px;
			line-height: 1.5em;
			width: 80%;
			margin: 0 auto;
		}
		.about-top h4{
			display: none;
		}
		/* @group about body */
			.about-body  div{
				margin: 0;
			}
			.about-body > div:first-child > div:nth-child(2),
			.about-body > div:first-child > div:nth-child(3){
				float: left;
				width: 50%;
			}
		/* @end */
		/* @group about info */
			.about-page .about-body .about-info{
				padding: 62px 20px;
			}
			.about-page .about-body .about-info > img{
				display: none;
			}
			.about-page .about-body .about-info #about-info-content{
				position: relative;
				width: 100%;
				left: 0px;
				top: 0px !important;
				padding: 0;
			}
			.about-page .about-body .about-info #about-info-content h3{
				font-size: 28px;
			}
			.about-page .about-body .about-info #about-info-content p{
				font-size: 16px;
				line-height: 30px;
			}
		/* @end */
		/* @group sub-footer */
			.about-page #sub-footer .property {
				border: 1px solid rgba(138,126,112,1);
			}
			.about-page #sub-footer .property h5{
				color: rgba(233,230,227,1);
			}
			.about-page #sub-footer .property p {
				color: rgba(233,230,227,1);
			}
		/* @end */
	}
/* @end */
/* @group Tablet Styles */
	@media (min-width: 768px) and (max-width: 1024px){
		.about-page .about-body .about-info #about-info-content{
			width: auto;
			top: 50% !important;
			bottom: auto !important;
			left: 20px;
			right: 20px;
			padding: 0 25px;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		.about-page .about-body .about-info #about-info-content h3{
			font-size: 30px;
		}
		.about-page .about-body .about-info #about-info-content p{
			font-size: 14px;
		}
	}
/* @end */