body, html {
	height: 100%;
	width: 100%;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

.lead {
	font-size: 18px;
	font-weight: 400;
}

.intro-header {
	padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	padding-bottom: 50px;
	color: #f8f8f8;
	background: url(../img/intro-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.intro-message {
	position: relative;
	padding-top: 5%;
	padding-bottom: 20%;
}

.intro-logo {
	width: auto;
	height: auto;
	padding: 2em;
}

.intro-message > h1 {
	margin: 0;
	font-size: 3.5em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-weight:300;
	font-size: 1.5em;
}

@media (max-width: 767px) {
	.intro-message {
		padding-bottom: 15%;
	}

	.intro-message > h1 {
		font-size: 2em;
	}

	ul.intro-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.intro-social-buttons > li:last-child {
		margin-bottom: 0;
	}

	.intro-divider {
		width: 100%;
	}
}

.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
}

.content-section-a {
	padding: 50px 0;
}

.content-section-b {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 50px 0;
	background-color:#f5f5f5;
}

.hero-heading {
	margin-bottom: 30px;
	text-align:left;
	font-size:39px;
}

.section-heading {
	margin-bottom: 30px;
	font-size: 24px;
}

.section-heading-spacer {
	border-top: 3px solid #e7e7e7;
	width: 200px;
	float: left;
}

.banner {
	padding: 100px 0;
	color: #f8f8f8;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 3em;
	background: url(../img/banner-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-2 {
	padding: 100px 0;
	color: #3a3a3a;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	font-size: 18px;
	background: url(../img/banner-2.jpg) no-repeat center center;
	background-size: cover;
}

.banner-3 {
	padding: 100px 0;
	color: #f8f8f8;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
	background: url(../img/banner-3.jpg) no-repeat center center;
	background-size: cover;
}

.banner-4 {
	padding: 100px 0;
	color: #3a3a3a;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
	background: url(../img/banner-4.jpg) no-repeat center center;
	background-size: cover;
}

.banner-5 {
	padding: 100px 0;
	color: #3a3a3a;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
	background: url(../img/banner-5.jpg) no-repeat center center;
	background-size: cover;
}

.banner-6 {
	padding: 100px 0;
	color: #3a3a3a;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
	background: url(../img/banner-6.jpg) no-repeat center center;
	background-size: cover;
}

.banner-7 {
	padding: 100px 0;
	color: #3a3a3a;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
	background: url(../img/banner-7.jpg) no-repeat center center;
	background-size: cover;
}
.banner-8 {
    padding: 100px 0;
    color: #f5f5f5;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
    text-shadow: 2px 1px 1px black;
    background: url(../img/banner-8.jpg) no-repeat center center;
    background-size: cover;
}
.banner-9 {
    padding: 100px 0;
    color: #f5f5f5;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
    text-shadow: 2px 1px 1px black;
    background: url(../img/banner-9.jpg) no-repeat center center;
    background-size: cover;
}
.banner-10 {
    padding: 100px 0;
    color: #f5f5f5;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 18px;
    text-shadow: 2px 1px 1px black;
    background: url(../img/banner-10.jpg) no-repeat center center;
    background-size: cover;
}

.banner-heading {
	margin-bottom: 30px;
	font-size:40px;
	color: #f3f3f3;
}
.banner-team {
	padding: 100px 0;
	color: #f8f8f8;
	background: url(../img/team-bg.jpg) no-repeat center center;
	background-size: cover;
}


.banner ul {
	margin-bottom: 0;
}

.banner-social-buttons {
	float: right;
	margin-top: 0;
}

.about-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/about-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.new-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/new-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.missions-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/missions-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.sermon-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/sermontitle.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	height:auto;
}

.faq-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/faq-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.contact-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/us-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.iron-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/iron.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	height:auto;
}
.members-header {
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #f8f8f8;
	background: url(../img/members.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	height:auto;
}

.about-message {
	position: relative;
	padding-top: 20%;
	padding-bottom: 20%;
}


.about-logo {
	width: auto;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.about-message > h1 {
	margin: 0;
	font-size: 3.5em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.about-heading {
	margin-bottom: 30px;
	text-align:left;
	font-size: 1.8em;
}

.about-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.about-message > h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-weight:300;
}

.team-member {
    text-align: center;
    margin-bottom: auto;
}
.mission-message {
    text-align: center;
    margin-bottom: auto;
}

.scroll_text{
	height:300px;
	overflow:auto;
	background-color: #262525cc;
}

.peter1-message {
	position: relative;
	padding-top:30%;
	padding-bottom: 20%;
}

.list {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}


.watch {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}



@media (max-width: 767px) {
	.about-message {
		padding-bottom: 15%;
	}

	.about-message > h1 {
		font-size: 3em;
	}

	ul.about-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.about-social-buttons > li:last-child {
		margin-bottom: 0;
	}

	.about-divider {
		width: 100%;
	}
	.intro-logo {
	width: 100%;
	height: auto;
}

.intro-message > h1 {
	margin: 0;
	font-size: 2.5em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.hero-heading {
	margin-bottom: 30px;
	text-align:left;
	font-size:25px;
}

.about-message {
	position: relative;
	padding-top: 20%;
	padding-bottom: 20%;
}
.about-logo {
	width: 50%;
	height: auto;
	padding-bottom: 20px;
}

.about-message > h1 {
	margin: 0;
	font-size: 2em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.banner-heading {
	margin-bottom: 30px;
	font-size:30px;
	color: #f3f3f3;
}
.intro-divider {
    width: 200px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.about-divider {
    width: 200px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-lg {
    padding: 1px 1px;
    font-size: 10px;
    line-height: 1.33;
    border-radius: 6px;
}
.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 1em;
}

.lead {
    font-size: 14px;
    font-weight: 400;
}



.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

@media (max-width: 1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px;
	}	
}

@media (max-width: 767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	}

	ul.banner-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.banner-social-buttons > li:last-child {
		margin-bottom: 0;
	}


}

footer {
	background-color: #f8f8f8;
	padding: 50px 0;
}

p.copyright {
	margin: 15px 0 0;
}