.rotator,.rotatorWindow,.rotatorWindow div,header.wide .hero,.rotatorAnchor{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		}
	
		.rotator,.rotatorWindow,.rotatorWindow div{
		    top:0;
		    left:0;
		    bottom:0;
		    background-size:cover;
		    background-repeat:no-repeat;
		    background-position:50%;
		}
		
		.rotatorDescriptions,.rotatorNavigation{
			display:none;
		}
		
		.rotatorAnchor{
			z-index: 5;
		    display: block;
		}
		
	#banner{
		display:block;
		width:100%;
		margin:0;
		padding:2px 0;
		text-align:center;
		color:#ffffff;
		z-index:100;
		background-color:#231f20;
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
	}
		
	#scroll{
		position:absolute;
		width:100px;
		bottom:190px;
		left:50%;
		-webkit-transform:translate3d(-50%,0,0);
		-ms-transform:translate3d(-50%,0,0);
		transform:translate3d(-50%,0,0);
		margin:0;
		padding-bottom:14px;
		font-size:1.2em;
		line-height:1.2;
		color:transparent;
		text-align:center;
		letter-spacing:.1em;
		transition:.3s ease-out;
		cursor:pointer;	
		z-index: 50;
	}
	
		#scroll span{
			color:#fff;
			font-size:4em;
		}
		
		#scroll:hover{
			color:#fff;
			-webkit-transform:translate3d(-50%,15px,0);
			-ms-transform:translate3d(-50%,15px,0);
			transform:translate3d(-50%,15px,0);
		}


section.text{
	background:#fff;
	padding:13em 0;
}

	section.text .container{
		width:840px;
	}

	section .heading{
		font-size:3.8em;
		text-align:center;
		font-weight:400;
		font-family:'Abril Fatface',serif;
		text-transform: uppercase;
	}
	
		section .heading p{
			margin-top:0;
			margin-bottom: 18px;
		}
		
		section .heading strong{
/* 			font-weight:400; */
		}
		
	section .subtext p{
		font-size:1.8em;
		line-height:1.6;
		text-align:center;
	}
	
	section .subtext.left {
		float: left;
		width: 33%;
	}
	
	section .subtext.right {
		float: right;
		width: 64%;
	}

section.photo{
	background-size:cover;
	background-attachment:fixed;
	background-position:50%;
	background-repeat:no-repeat;
	padding:18em 0;
	min-height:500px;
}

	section.photo .quote{
		width:96%;
		margin:0 auto;
		padding:5em 2.5em;
		background:#525252;
		background:rgba(81,81,81,.5);
		color:#ffffff;
		text-align:center;
	}

section .container:before,
section .container:after {
	content: '';
	display: table;
	clear: both;
}



	.video-container {
		clear: both;
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
	}
	
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
section.contact{
	display:table;
	min-height:440px;
}

	section.contact .container{
		display:table-cell;
		width:50%;
		padding: 4em 0;
		background:#efefef;
		vertical-align:middle;
	}
	
		section.contact .location-info{
			width:500px;
			float:right;			
		}
		
			section.contact .location-info h2{
				font-size:3.8em;
				font-weight:200;
			}
		
			section.contact .location-info p{
				margin:0 0 1em;
				font-size:2.3em;
				font-weight:200;
				line-height:1.4;
			}
	
	section.contact .contact-image{
		display:table-cell;
		width:50%;
/* 		background-image:url(/images/layouts/__agape/img_map.jpg); */
		background-size:cover;
		background-repeat:no-repeat;
		background-position:50%;
	}
	
	.contact-form {
		margin-top: 2em;
		margin-bottom: 2em;
		width: 90%;
	}
	
	.contact-form input,
	.contact-form textarea,
	.contact-form select {
		position: relative;
		width: 100%;
		height: 42px;
		padding: 12px;
		margin: 0 0 1em;
		border: none;
		background-color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		line-height: 16px;
		color: #3d3d3d;
		outline: 0;
		box-sizing: border-box;
		-webkit-border-radius: 0px;
		-moz-border-radius:    0px;
		border-radius:         0px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.contact-form textarea {
		height: 75px;
	}
	
		
		.contact-form .select {
		    position: relative;
		    overflow: hidden;
		}
		.contact-form .select:after {
		    content: "\e902";
		    font-family: Agape!important;
		    speak: none;
		    font-style: normal;
		    font-weight: 400;
		    font-variant: normal;
		    text-transform: none;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    position: absolute;
		    display: inline-block;
		    right: 0;
		    top: 0;
		    pointer-events: none;
		    color: #3d3d3d;
		    font-size: 2em;
		    line-height: 42px;
		    width: 42px;
		    text-align: center;
		}
	
		
		.contact-form input::-webkit-input-placeholder {
			color: #3d3d3d;			
		}
		.contact-form textarea::-webkit-input-placeholder {
			color: #3d3d3d;			
		}
		
		.contact-form input::-moz-placeholder {
			color: #3d3d3d;			
		}
		
		.contact-form textarea::-moz-placeholder {
			color: #3d3d3d;			
		}
		
		.contact-form input:-moz-placeholder {
			color: #3d3d3d;	
		}
		
		.contact-form textarea:-moz-placeholder {
			color: #3d3d3d;	
		}
		
		.contact-form input:-ms-input-placeholder {
			color: #3d3d3d;
		}
		
		.contact-form textarea:-ms-input-placeholder {
			color: #3d3d3d;
		}
			
		.submit-btn {
			display: inline-block;
		    margin: 0;
		    border: 0;
		    padding: 10px 15px;
		    background: #231f20;
		    color: #fff;
		    font-size: 14px;
		    font-weight: 500;
		    text-transform: uppercase;
		    text-align: center;
		    overflow: hidden;
		    transition: .2s ease-out;
			-webkit-border-radius: 0px;
			-moz-border-radius:    0px;
			border-radius:         0px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		
			.submit-btn::after {
				display: inline-block;
				position: relative;
				margin-left: 10px;
				font-family: Agape!important;
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			    content: "\e901";
			    transform: translateX(0);
			    transition: .2s ease-out;
			    opacity: 1;
			}
			
				.submit-btn:hover,
				.submit-btn:focus,
				.submit-btn:active {
					background: #3d3d3d;
				}
				
				.submit-btn:hover::after {
					transform: translateX(4px);
					opacity: 1;
				}
	
		
	#eventbox{
			margin:0 auto;	
		}
		
		#eventbox:after{
			content:'';
			display:table;
			clear:both;
		}
			
			#eventbox .wrapper{
				position:relative;
				height:100%;
				padding:5px;
			}
			
				#eventbox .eventbox{
					position:relative;
					width:100%;
					height:100%;
					margin:0;
				}
				
					#eventbox .eventboxWindow{
						float:left;
						position:relative;
						width:470px;
						height:0;
						padding-bottom:31.49%;
						margin:0 40px 0 0;
						overflow:hidden;
						background-size:cover;
					}
					
						#eventbox .eventboxWindow:after{
							content:'';
							position:absolute;
							top:0;
							left:0;
							right:0;
							bottom:0;
							width:100%;
							height:100%;
							border:8px solid #ebebe1;
							z-index:2;
						}
			
					#eventbox .eventboxWindow div{							
						background-size:cover;
					}
			
						#eventbox .eventboxWindow img{
							display:block;
							width:100%;
							height:auto;
						}
			
				#eventbox .eventboxDescriptions{
					position:relative;
					margin:0;
				    font-size:1.6em;
				    line-height:1.5em;
				    color:#3b3b3b;
				    min-height:260px;
				    z-index:10;
				    overflow:hidden;
				}
				
					#eventbox .eventboxDescriptions h3{
						font-family:'Abril Fatface',serif;
						font-size:37px;
						font-weight:400;
						line-height:1;
						text-transform: uppercase;
						margin:0 0 .2em;
					}
					
					#eventbox .eventboxDescriptions h4{
						font-size:1.5em;
						font-weight:400;
						text-transform:uppercase;
					}
				
				#eventbox .eventboxNavigation{
				    display:none;
				}
				
					
				#eventbox .eventboxAnchor{
				    position:absolute;
				    width:100%;
				    height:100%;
				    top:0;
				    left:0;
				    bottom:0;
				    z-index:15;
				}
				
				
				a.eventboxControlPrevious{
			       left:-58px;
		      	}
		       
		       a.eventboxControlNext,a.eventboxControlPrevious{
			       opacity:1;
			       position:absolute;
			       top:115px;
			       width:30px;
			       height:30px;
			       font-size:3em;
			       z-index:50;
				   transition:.2s ease-out;
				   color:#3b3b3b;
				}
		       
		       a.eventboxControlNext{
			       right:-58px;
			       text-align:right;
				}
					
					.eventboxControlNext:hover,.eventboxControlPrevious:hover{
						color:#92c73e;
					}
					
@media (max-width:640px){
	
	header.wide .hero {
		margin-top: 87px;
		height: calc(100% - 87px);
	}
	
	.rotator {
		
	}
	
	#banner {
		position: absolute;
		bottom: 0;
	}
	
	#scroll{
		display:none;
	}
	
	section.text{
	    padding:8em 0;
	}
	
	section.text .container{
	    width:90%;
	}
	
		section .heading{
		    font-size:3em;
		    font-family:'Abril Fatface',serif;
		}
	
	section.photo{
	    background-attachment:scroll;
	    min-height:0;
	    padding:8em 0;
	}
	
		section.photo .quote{
/* 		    font-size:2em; */
		}
		
	#eventbox{
		width:88%;
	}
	
		#eventbox .eventboxWindow{
			float:none;
			width:100%;
			height:0;
			padding-bottom:56.25%;
			margin:0;
			margin-bottom:3em;
		}
		
		#eventbox .eventboxDescriptions{
			text-align:center;
		}
		
			a.eventboxControlPrevious{  
			   top:47%;
			   left:-37px;
			}
		       
		       a.eventboxControlNext{ 
			       top:47%;
			       right:-37px; 
				}
		
	.video-container {
		margin: 1em 0;
		clear: both;
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
	}
	
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	section .subtext.left,
	section .subtext.right {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	section.contact{
		display:block;
		min-height:0;
		background:#efefef;
	}
	
		section.contact .container{
		    display:block;
		    width:100%;
		    overflow:hidden;
		    padding:8em 0;
		}
		
			section.contact .location-info{
				float:none;
				width:90%;
				margin:0 auto;
				text-align:left;
			}
		
		section.contact .contact-image{
			display:block;
			width: 100%;
			height: 0;
			padding-bottom: 100%;
		}
		
		.contact-form {
			width: 100%;
			margin-bottom: 0;
		}
}