
#home h1 {position: static;  line-height: 1.1; color: #753c2a; width: 100%; margin-top:0; padding:20px 20px 0 20px; font-size: 1.5em}
#home p.subhead {color: #417630; font-weight: 200; font-style: italic; width: 100%; margin-bottom: 15px; line-height: 1.25; padding:20px 20px 0 20px; font-size: 1em}

#home h2 {color: #fff; background-color: #bfb9a7; width: 100%; font-size: 1.25em; text-transform: uppercase; line-height: 50px; padding: 0 30px; margin: 0}

#home .box {display:none; padding:15px; z-index: 15}
#home .box:first-child {padding-left:0;}
#home .box:last-child {padding-right:0;}
#home .box a {font-weight: bold; font-size: 1em; color: #417630; text-decoration: none; text-transform: uppercase;}
#home .box a:after {content: ' >';}
#home .box a:hover {color:#867a6f ;}
#home .mobile  {width: 100%; display: inline-block;}
#home .slider-one .mobile-image {width: 100%; height: 250px; background: url(../images/home-1-mobile.jpg) right top no-repeat; background-size: cover}
#home .slider-two .mobile-image {width: 100%; height: 250px; background: url(../images/home-2-mobile.jpg) right top no-repeat; background-size: cover}
#home .box-wrap {background-color: white; display: table;}
#home .box-wrap .row {display: table-row; height: 100%;}
#home .box-wrap .row p {display: table-cell;}
#home .box p {  margin:0; padding: 10px; background-color: #fff;}
#home .box-wrap .row.bottom p {vertical-align: baseline; padding-top: 0;}
#home.one .slider-one, #home.two .slider-two, #home.three .slider-three {opacity: 1; -webkit-transition: all .5s ease-in-out;
}
#home .slide-bg-one, #home .slide-bg-two, #home .slide-bg-three {-webkit-transition: all .5s ease-in-out;}
#home.two .slider-one, #home.three .slider-one, #home.one .slider-two, #home.three .slider-two, #home.one .slider-three, #home.two .slider-three { opacity: 0; position: absolute;}

@media screen and (min-width: 35.5em) {
	#home h1 {font-size: 2.0em;}

}


/*Medium Size*/
@media screen and (min-width: 48em) {
	#home .slider-one, #home .slider-two {display: table;}
	#home .text {display: table-cell;}
	#home .box {display: inline-block}
	#home .mobile-image {display: none}
	#home h1 {  padding-bottom:0; font-size: 2.5em;}
	#home h1 { padding-top: 70px; width: 60%; }
	#home p.subhead { width: 65%; }
	#home p.subhead {  padding-top:0; font-size: 1.5em; }
	#home .slider-one {background: url(../images/home-1.jpg) top right no-repeat; background-size: auto 100%}
	#home .slider-two {background: url(../images/home-2.jpg) top right no-repeat; background-size: auto 100%; width:100%;}
	#home .slider-three {background: url(../images/home-3.jpg) top right no-repeat; background-size: auto 100%; width:100%;}}


/*larg size*/
@media screen and (min-width: 64em) {
	#home h1 { padding-top: 70px; width: 70%; }
	#home p.subhead { width: 75%; }



}


/*huge size*/
@media screen and (min-width: 80em) {
	#home h1 { padding-top: 70px; width: 60%; font-size: 3.125em;}
	#home p.subhead { width: 60%; }
	#home .slider-one {background: none}
	#home .slider-two {background: none}
	#home .slider-three {background: none}
	#home.one {/*background: url(../images/home-1.jpg) top center no-repeat; background-size: auto 100%*/}
	#home.two {/*background: url(../images/home-2.jpg) top center no-repeat; background-size: auto 100%*/}
	#home.three {/*background: url(../images/home-3.jpg) top center no-repeat; background-size: auto 100%*/}
	#home .box p {  margin:0; padding: 30px; background-color: #fff;}
	#home .slide-bg-one {
		background: url(../images/home-1.jpg) top center no-repeat;
	
	}
	#home .slide-bg-two {
		background: url(../images/home-2.jpg) top center no-repeat;
	
	}
	#home .slide-bg-three {
		background: url(../images/home-3.jpg) top center no-repeat;	
	}
	#home .slide-bg-one, #home .slide-bg-two, #home .slide-bg-three  {
		background-size: auto 100%;
		position: absolute;
		width: 100%;
		min-height: 799px;
		opacity: 0;
		z-index: -1;	
	}
}

@media screen and (min-width: 1800px) {
	#home {position: relative;overflow: hidden;}
	#home.one {/*background: url(../images/home-1.jpg) top center no-repeat; background-size: 100% auto */}
	#home.two {/*background: url(../images/home-2.jpg) top center no-repeat; background-size: 100% auto*/ }
	#home.three {/*background: url(../images/home-3.jpg) top center no-repeat; background-size: 100% auto */}
	#home .slide-bg-one, #home .slide-bg-two, #home .slide-bg-three  {
		background-size: 100% auto;
		height: 799px;	
	}
}