.intro.page{

	position: relative;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	visibility: visible;
	padding-top: 0;

}

.intro.page:before{

	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;


}

.intro-logo{
	
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: -20px;

}

.intro-1{
	position: relative;
	visibility: hidden;
}

.scroll-logo{
	display: none;
}

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

	#___gcse_0{
		
		display: block;
		right: 0.75em;

	}

	.header{
		padding: 1em 5%;
	}

	#logo .norm-logo{
		height: 83px;
		width: auto;
	}

	.page h1{

		font-size: 55px;

	}

	.ezedit_body{

		padding: 3em 10% 10em 5%;
		max-width: 1000px;

	}

	.content-wrapper{

		

	}

	.home-item{

		width: 25%;		

	}

}

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

	#___gcse_0{
		
		display: block;
		right: 5%;

	}

	.no-touch .header-wrapper{

		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99;

	}

	.no-touch .page-wrapper{

		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

	}

	.page{

		padding-top: 116px;

	}

	.no-touch .page-container{

		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

	}

	.no-touch .menu-button{
		display: none;
	}

	.no-touch .mobile-nav-container{
		display: none;
	}	

	.no-touch .nav-container{
		display: block;
		position: absolute;
		right: 5%;
		bottom: 20px;

		-webkit-transition: 0.25s ease-out;
		-o-transition: 0.25s ease-out;
		transition: 0.25s ease-out;

	}

	.main-nav{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.main-nav > li{

		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;

	}

	.main-nav > li > a{
		display: block;

		background-color: transparent;

		padding: 0 1.125em;

		
	}


	.main-nav > li .line-1{
		font-family: 'museo-slab', sans-serif;
		font-size: 14px;
		color: #93d290;
		font-style: italic;
		display: block;
		line-height: 16px;

		-webkit-transition: 0.25s ease-out;
		-o-transition: 0.25s ease-out;
		transition: 0.25s ease-out;
		text-align: center;
	}

	.main-nav > li .line-2{
		font-family: 'Cabin Condensed', sans-serif;
		font-size: 16px;
		color: #44a13f;
		text-transform: uppercase;
		font-weight: 700;
		display: block;
		padding: 0;
		line-height: 1em;

		-webkit-transition: 0.25s ease-out;
		-o-transition: 0.25s ease-out;
		transition: 0.25s ease-out;
		text-align: center;

	}


	.no-touch .main-nav > li > a:hover .line-1, .no-touch .main-nav > li > a:hover .line-2{
		color: #436ca9;
	}

	.main-nav > li:not(:last-child)::after{

		
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 30px;
		width: 1px;
		background-color: #daecd9;
		margin-right: 0;
		
	}

	.main-nav > li:last-child > a{
		padding-right: 0;
	}

	.main-nav > li .subnav{

		position: absolute;		
		top: 38px;
		
		margin: 0;
		padding: 0;
		list-style: none;
		visibility: hidden;
		display: none;

		white-space: nowrap;

	}

	.main-nav .subnav > li > a{

		display: block;
		
		font-size: 14px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding: 4px 0px 4px 16px;

		-webkit-transition: 0.25s ease-out;
		-o-transition: 0.25s ease-out;
		transition: 0.25s ease-out;

	}

	.main-nav .subnav > li > a:active, .no-touch .main-nav .subnav > li > a:hover{
		
	}

	.page h1{
		padding-top: 2.5em;
	}

	.no-touch .footer-wrapper{
		position: fixed;
		width: 100%;
		z-index: 998;
		left: 0;
		bottom: 0;

	}

	.no-touch .page.home .content{

		padding-bottom: 40px;

	}

	.no-touch .scrolling .scroll-logo{

		display: inline-block;		
		height: 45px;
		-webkit-animation: rotateFromX 300ms ease-out;
	    -moz-animation: rotateFromX 300ms ease-out;
	    -ms-animation: rotateFromX 300ms ease-out;
	}
	
	.no-touch .norm-logo{
		 -webkit-animation: from100X 300ms ease-out;
	    -moz-animation: from100X 300ms ease-out;
	    -ms-animation: from100X 300ms ease-out;
	}

	.no-touch .scrolling .norm-logo{

		display: none;

	}

	.no-touch .scrolling .header{
		padding: 8px 5%;
	}

	.no-touch .scrolling .nav-container{

		bottom: 12px;

	}

	@-webkit-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -webkit-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -webkit-transform: rotateX(0deg) translate(0,0);
	    }
	}
	@-moz-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -moz-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -moz-transform: rotateX(0deg) translate(0,0);
	    }
	}
	@-ms-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -ms-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -ms-transform: rotateX(0deg) translate(0,0);
	    }
	}

	@-webkit-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -webkit-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -webkit-transform: rotateX(0deg) translate(0,0);
	    }
	}
	@-moz-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -moz-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -moz-transform: rotateX(0deg) translate(0,0);
	    }
	}
	@-ms-keyframes rotateFromX {
	    from {
	        opacity: 0;
	        -ms-transform: rotateX(180deg) translate(0px,0);
	    }
	    to {
	        opacity: 1;
	        -ms-transform: rotateX(0deg) translate(0,0);
	    }
	}

	@-webkit-keyframes from100X {
	    from {
	        opacity: 0;
	        -webkit-transform: translate(-100px, 0);
	    }
	    to {
	        opacity: 1;
	        -webkit-transform: translate(0,0);
	    }
	}
	@-moz-keyframes from100X {
	    from {
	        opacity: 0;
	        -moz-transform: translate(-100px, 0);
	    }
	    to {
	        opacity: 1;
	        -moz-transform: translate(0,0);
	    }
	}
	@-ms-keyframes from100X {
	    from {
	        opacity: 0;
	        -ms-transform: translate(-100px, 0);
	    }
	    to {
	        opacity: 1;
	        -ms-transform: translate(0,0);
	    }
	}


}

@media only screen and (min-width: 1200px) {
	
	.page h1{
		padding-top: 3.7em;
	}

	.home-item{

		width: 20%;
		height: 258px;
		float: left;

		border-top: 0 solid #FFF;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		border-left: 1px solid #FFF;

	}

	.home-item .img-wrapper{
		
		width: 100%;
		height: 100%;
		z-index: 10;

		border-top: 2px solid #FFF;

		-webkit-transition: transform 0.4s ease-out;
		-o-transition: transform 0.4s ease-out;
		transition: transform 0.4s ease-out;

	}

	.home-item .ro-img-holder{
		opacity: 0;
		-webkit-transition: 0.3s opacity ease-out;
		-o-transition: 0.3s opacity ease-out;
		transition: 0.3s opacity ease-out;
		
	}

	.home-item .rot-img-holder{
		
		display: block;
		
	}

	.home-item .ro{
		
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 150px;
		overflow: hidden;

	}

	.no-touch .home-item:hover{

		

	}

	.no-touch .home-item:hover .img-wrapper{

		-webkit-transform: translate(0, -150px);
		-ms-transform: translate(0, -150px);
		-o-transform: translate(0, -150px);
		transform: translate(0, -150px);

	}

	.no-touch .home-item:hover .ro-img-holder{
		opacity: 1;
	}

	.home-item .field01{
		
		line-height: 1em;
		margin: 1em 0 0.25em;

	}

	.home-item .field06{
		
		padding: 0 10%;
		line-height: 1.4em;

	}

}
@media only screen and (min-width: 1600px) {
	
	.page.home .content{
		max-width: 2000px;
		margin: 0 auto;
	}

	.home-item{

		width: 16%;

	}

	.content > .home-item:nth-child(6n){

		width: 17%;

	}

	.content > .home-item:nth-child(6n + 1){

		width: 17%;

	}

	.content > .home-item:nth-child(6n + 2){

		width: 17%;

	}

	.content > .home-item:nth-child(6n + 5){

		width: 17%;

	}
	
}