html,body{
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size:110%;
	background-color:#000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:inherit;
	font-weight:700;
	text-transform:;
	letter-spacing:0rem;
	line-height:1;
	color:inherit;
}

@media print, screen and (max-width: 39.99999em) {
	h1 {
		font-size: 1.75rem;
	}
	
	h2 {
		font-size: 1.5rem;
	}
	
	h3 {
		font-size: 1.25rem;
	}
	
	h4 {
		font-size: 1.125rem;
	}
	
	h5 {
		font-size: 1.0625rem;
	}
	
	h6 {
		font-size: 1rem;
	}
}

@media print, screen and (min-width: 40em) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height:1;
	}
}

.margin-bottom{
	margin-bottom:1.2rem;
}
.margin-top{
	margin-top:1.2rem;
}
.no-margin-bottom{
	margin-bottom:0rem;
}


/* Sections */
section{
	padding:2rem 1rem;
}
@media print, screen and (min-width: 40em) {
	section{
		padding:4rem;
	}
}
section.bg-image{
	position:relative;
	background-size:cover;
	background-position:right 50%;
	color:#fff;
}
section.bg-image.overlay::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(28,28,28,.2);
	z-index:0;
}
section.bg-image.right:before{
	background:none;

	/* IE10+ */ 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 60%, rgba(0,0,0,1) 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 60%, rgba(0,0,0,1) 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 60%, rgba(0,0,0,1) 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(45, rgba(0,0,0,0)), color-stop(60, rgba(0,0,0,.5)), color-stop(100, rgba(0,0,0,1)));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 60%, rgba(0,0,0,1) 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to right, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 60%, rgba(0,0,0,1) 100%);
}

section.bg-image .row{
	position:relative;
	z-index:1;
}

/* Rows */
.row.full {
	max-width:96rem;
}

/* Columns */
.column,
.columns {
	position:relative;
}
.column.collapse,
.columns.collapse {
	padding:0;
}

/* Links */
a.link{
}
a.secondary{
	color:#999;
}
/* Buttons  */
.button{
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:.1rem;
}

/* Button - Circle */
a.button.circle{
	padding:.5em;
	border-radius:200%!important;
	-webkit-border-radius:200%;
	-moz-border-radius:200%;
	-ms-border-radius:200%;
	-o-border-radius:200%;
}
a.button.bottom{
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}


/* Button - Close */
.close-button{
	background:#cc4b37;
	color:#fff;
	font-size:1.5rem;
	top:0;
	right:0;
	width:40px;
	height:40px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
}
.close-button:hover{
	color:#fff;
}
.close-button span{
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	line-height: 1;
}

/* Button - Stacked */
.button-group.stacked .button:first-of-type{
	border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
}
.button-group.stacked .button:last-of-type{
	border-radius: 0px 0px 3px 3px;
	-webkit-border-radius:0px 0px 3px 3px;
	-moz-border-radius:0px 0px 3px 3px;
	-o-border-radius:0px 0px 3px 3px;
	-ms-border-radius:0px 0px 3px 3px;
}

/* Callout */
.callout{
	padding:1.6rem;
}
.callout.bottom:before{
	content:'';
	height:1px;
	width:30%;
	background:#444;
	position:absolute;
	top:100%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.callout.secondary{
	background-color:rgba(28,28,28,.75);
	color:#fff;
}
.callout.nobg{
	background:none;
	border:none;
}

/* Blockquote */
blockquote{
	color:#000;
	border-left:none;
	border-top:4px solid #00b3e3;
	border-bottom:4px solid #00b3e3;
	padding:2rem 0;
}

/*--------------------------------- */


/* Header */
header{
	padding:1rem;
	background:#fff;
}
#logo{
	max-width:250px;
}

/* Sections */
#intro{
	background:#000;
	padding:0;
	color:#fff;
}
#same-pastors{
	-webkit-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	-ms-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	animation-delay: 500ms;
}
#same-church{
	-webkit-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	-ms-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	animation-delay: 1000ms;
}
#new-name{
	-webkit-animation-delay: 1500ms;
	-o-animation-delay: 1500ms;
	-ms-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
#intro-button{
	-webkit-animation-delay: 2000ms;
	-o-animation-delay: 2000ms;
	-ms-animation-delay: 2000ms;
	-moz-animation-delay: 2000ms;
	animation-delay: 2000ms;
}

#intro-button-next{
	-webkit-animation-delay: 2500ms;
	-o-animation-delay: 2500ms;
	-ms-animation-delay: 2500ms;
	-moz-animation-delay: 2500ms;
	animation-delay: 2500ms;
}

section#why{
	background-image:url('../images/map-1.jpg');
}


section#faq{
	background-color:#eee;
}

footer{
	padding:2rem;
	background-color:#222;
}