body, html, main {
/* important */
height: 100%;
}


/*style add-ons*/

.giant{font-size:6em;}


.whitetogrey{color:#FFF;}
.xlarge{font-size:4em;}
.center{text-align:center; display:block;}

h2{
	font-family: 'Oswald', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 400;
	font-size: 21px;
	letter-spacing: 1px;
	word-spacing: 1px;
	text-transform: uppercase;
	line-height:normal;
	border-bottom:1px dotted;
	display: inline;
	text-align:center;
	display: block;
	
}


h4{font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height:1.3em;
	letter-spacing: 0.2px;
	font-weight: 400;
	word-spacing: .05px;
	margin-top:14px;
	margin-bottom:-18px;
}


.whyicons {padding-bottom:11px;}
.enviroicons {padding-bottom:11px; max-width:40%;}


.greenbox{display:block; clear:both; width:100%; margin-top:10px; padding:10px;}
.greenbox2{width:100%; padding:10px;}
a.greenlinkwhite {font-color:#FFF; color:#FFF; border-bottom:none}



.whitetransparency {background: rgba(255,255,255, 0.9);}

.clearing {clear:left;}




.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	min-height: 100%;
	width: 100%;
	overflow:hidden;
	padding-bottom:65px;
	-webkit-background-size:cover;
}

 
.hsContainer {
	width: 100%;
	height: 100%;
	

}

.hsContent {
max-width:960px;
    padding-top:30px;padding-bottom:20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	color: #544f47;
	-webkit-font-smoothing: antialiased;
	
	
}
	.hsContent h3  {
		color: #fff8de;
		background-color: rgba(0,0,0,0.5);
		padding: 10px 5px;
		font-size: 35px;
		line-height: 38px;
		margin-bottom: 12px;
	}
	.hsContent p {
		
	}
	.hsContent a {
		
	}
	
	#bee {display:inline; width:20%; margin-top:-8%;}

/* Slide 1 */
#slide-1{background-image:url('../jpg/bcg_slide-1.jpg'); }
#slide-1 .hsContent {
	}

/* Slide 2 */
#slide-2{background-image:url('../jpg/bcg_slide-2.jpg');
box-shadow: inset 0px -1px 35px -14px #120C0C;
-webkit-box-shadow: inset 0px -1px 35px -14px #120C0C;
-moz-box-shadow: inset 0px -1px 35px -14px #120C0C;
-o-box-shadow: inset 0px -1px 35px -14px #120C0C;
}
#slide-2 .hsContent {
	}
	    

/* Slide 3 */
#slide-3{background-image:url('../jpg/bcg_slide-3.jpg');}
#slide-3 .hsContent {
	}
	   


/* Slide 4 */
#slide-4{background-image:url('../jpg/bcg_slide-4.jpg');  
box-shadow: inset 0px 10px 35px -14px #120C0C;
-webkit-box-shadow: inset 0px 10px 35px -14px #120C0C;
-moz-box-shadow: inset 0px 10px 35px -14px #120C0C;
-o-box-shadow: inset 0px 10px 35px -14px #120C0C;}
#slide-4 .hsContent {
}


/* Slide 5 */
#slide-5{background-image:url('../jpg/bcg_slide-5.jpg'); } 

#slide-5 .hsContent {
}

	




.cd-scrolling-bg {
  min-height: 100%;
position:relative;
  z-index: 2;
padding-bottom:60px;
  overflow:hidden;
 background-position: center top;
	background-repeat: none;
	background-size: cover ;
 }

.cd-scrolling-bg.cd-color-1 {
  background-color: #3d3536;
  color: #a6989a;
}







/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   ========================================================================== */

@media only screen and (max-width:1024px){

.bcg {

position:relative;
padding-bottom:60px;
height:100%;
width:100%;
background-attachment: scroll;
background-position: center top;
	background-repeat: none;
	background-size: cover ;
	-webkit-background-size:cover;
}
 
 
}



@media (max-width:767px){


.bcg {

position:relative;
padding-bottom:60px;
height:100%;
width:100%;
background-attachment: scroll;
background-position: center top;
	background-repeat: none;
	background-size: cover ;


	
}


.cd-scrolling-bg {

position:relative;

padding-bottom:60px;
height:100%;
width:100%;
background-attachment: scroll;
background-position: center top;
	background-repeat: none;
	background-size: cover ;


	
}





	/*style add-ons*/
	.giant{font-size:5em;}
	.enviroicons {padding-bottom:5px; max-width:100%;}
	.whitetogrey{color:#6e6e60;}





}












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}