/* Declare Icon Fonts */
@font-face { font-family: Font Awesome; src: url('fonts/FontAwesome/fontawesome-webfont.ttf');}
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch|Oswald|Josefin+Slab|Open+Sans+Condensed:300');

/* Start of Page CSS */
body {
	overflow-x:hidden;

	font-family: 'Josefin Slab', sans-serif;
	width:100vw;
	margin:0px;
	}
	p {
		font-size: 3.5vmin;
		text-align:center;
		font-family: 'Josefin Slab', sans-serif;
	}
	
	p.mission {
	font-size:3vmin;
	padding:0;
	text-align: left;
	padding-left:5vmin;
}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
}

.textContain {
	width:80vw;
	margin:auto;
}
@media only screen and (max-width : 700px) {
	p {
		font-size:5vmin;
		padding-left:2vmin;
		padding-right:2vmin;
		text-align: left;
	}
	p.mission {
	font-size:6vmin;
	}	
	.textContain {
	width:95vw;
}

	
}



a {
	text-decoration:none;
	width:100%;
	height:100%;
}
img.normal {
	height:100%;
	width:100%;
	overflow:hidden;
	margin:auto;
	
}

img.full {
	max-width: 1000px;
	max-height: 584px;
	width: 100vw;
	height: 58.4vw;
	margin:auto;
	display:block;
}

#center {
	margin:auto;
	display:block;
	width:100vw;
	max-width:750px;
	
}

#container {
	margin:0px;
	top:0px;
	padding:0px;
	
	
	}
	
#Top-Menu {
	width:100vw;
	position:fixed;
	
	top:0px;
	margin:auto;
	padding:0; 
	margin:0; 
	height:10vmin;
	white-space:wrap;
	z-index:20;
	background-color: #262228;
	opacity: 1;
}

#menuLogo {
	
	height:60px;
	padding:-1vmin;
	
}




#Main {
	
	margin-top:8vmin;
	
}

#Main2 {
	margin-top:10vmin;
}

@media only screen and (max-width : 1300px) {
#Main {
	
	margin-top:65px;
	
}
#Main2 {
	
	margin-top:65px;
	
}

}

.column {
		width:100vw;
	padding-top:3vmin;
	min-height:50vh;
}

@media only screen and (max-width : 700px) {
.column {
		
	padding:0;
}
}

.text {
	font-size:4vmin;
	margin:auto;
	margin-top:5vh;
	width: 85vw;
	
}

.grey {
	background: #262228;
}

#carouselColumn {
	
	
	max-height:76vh;
	height:76vmin;
	width:100vw;

}

@media only screen and (max-width:1200px) {
	#carouselColumn {
	
	
	max-height:100vh;
	height:100vmin;
	width:100vw;

}
}

 


.columnPrimary {
	width:100vw;
	min-height:100vh;

}


.white {
	background:white;
}

.textBlack {
	color:black;
}

.textGold {
	color:#E4CC68;
}

.textWhite {
	color:white;
}

/* Color Palete 1 */
.backSunflower {
	background: #ffce00;
}
.textSunflower {
	color: #ffce00;
}

.backStarryNight {
	background:#0375b4;
}

.textStarryNight {
	color:#0375b4;
}

.backIrises {
	background:#007849;
}

.textIrises {
	color:#007849;
}

.backEvening {
	background:#262228;
}

.textEvening {
	color:#262228;
}

@media only screen and (max-width: 700px){
	
	#column2 {
	
	
	padding-left:0;
	padding-right:0;
	background-color: white;
	
}
	
	
}


/* Large Menu */ 
#MenuIcon{
	display:none;
}

#mySidenav {
		width:0px;
		display:none;
	}

#myTopnav {
	width:950px;
	margin:auto;
	max-width:1300px;
}



.horizontalMenu {
    height: 10vmin;
    
    
	margin:auto;
    z-index: 1;
   
    
    overflow: hidden;
    transition: 0.5s;
    padding-top: 0px;
}

.horizontalMenu a {
    padding: 5px;
	padding-top: 5px;
    text-decoration: none;
    font-size: 22px;
    color: #bababa;
    display:inline-block;
    transition: 0.3s;
	height:80px;
	vertical-align: middle;
	width:170px;
	overflow:hidden;
	text-align:center;
	
}

.horizontalMenu a.verticalAlignMid{
	padding-top:3.5vmin;
}
.horizontalMenu .slideNav {
   
    display:inline-block;
   
	
}
.horizontalMenu .bigMenu {
   
    display:inline-block;
	padding:0;
	height:8vmin;
	
   
	
}

.horizontalMenu a:hover, .offcanvas a:focus{
    color: #ffffff;
}

.horizontalMenu .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	display:none;
}




@media only screen and (max-width : 1300px) {
	#Top-Menu
	{
		height:70px;
	}
	#myTopnav{
		display:none;
	}
	#mySidenav {
		width:0px;
		display:block;
	}
	
	.menucontainer {
		display: inline-block;
	}
#MenuIcon {
	display:block; 
	font-size:40px;
	cursor:pointer; 
	z-index: 22; 
	color:white;
	padding:15px;
	padding-left:20px;
}	
	
#menuLogo{
	display:none;

}	
.horizontalMenu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}


.horizontalMenu a {
    padding: 8px 8px 8px 24px;
    text-decoration: none;
    font-size: 28px;
	width:230px;
    color: #818181;
    display: block;
    transition: 0.3s;
	text-align:left;
}

.horizontalMenu a.smallFont {
	font-size:26px;
	width:268px;
}

.horizontalMenu a .bigMenu {
   
    display:inline-block;
	padding:0;
	height:8vmin;
	
    
  
   
   
	
	vertical-align: middle;
	width:15vmin;
	overflow:hidden;
	text-align:center;
   
	
}


.horizontalMenu a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.horizontalMenu .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	text-align:right;
	display:block;
}
.horizontalMenu .slideNav {
	display:none;
}



	nav#horizontalmenu {
		 height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
	nav#horizontalmenu ul, nav#horizontalmenu:active ul { 

		width: 0%;
		height:100%;
		top:0;
		left:0;
		position: fixed;
		padding: 0px;
		background: #000;
		border: 1px solid #444;
		 
		
		
		

	}

	 nav#horizontalmenu.myClass li {

		text-align: center;
		width: 100%;
		padding: 2vmin;
		margin: 0;
		height: 7vh;
		

	}
	 nav#horizontalmenu.myClass ul li a {
		font-size: 6vmin;
	}
		
	nav#horizontalmenu.myClass ul, nav#horizontalmenu.myClass:active ul { 

		display: block;
		position: absolute;
		padding: 20px;
		background: #000;
		border: 5px solid #444;
		left: 10px;
		top: 7vh;
		width: 50%;
		border-radius: 4px 0 4px 4px;

	}
	
	#horizontalmenu ul li.icon {
		display:block;
	}
	#horizontalmenu ul li.logo {
		display:none;
	}
	
}



/* Side Page Navigation */
#Side-Page-Nav{
	position:fixed;
	top: 30vh;
	right:2vw;
	z-index:100;
	display:none;
	width:80px;
    
}


.Side-Page-Nav a{
	
}

a li.Side-Page-Nav {
	list-style:none;
	text-decoration:none;
	max-width:90px;
	height:80px;
	border-radius:40px 40px 40px 40px;
	text-align:center;
	display:block;
	border: 2px solid black;
	background-color:white;
	color:black;
	margin-top:3vh;
	line-height:80px;
	transition-duration:1s;
	float:right;
	overflow:hidden;
	
}
 a li.Side-Page-Nav i {
	width:80px;
	line-height:80px;
	height:80px;
}


.side-page-nav-words {
	width:80px;
	max-height:0;
	max-width:0;
	font-size:2.5vmin;
	
	overflow:hidden;
}

a li.Side-Page-Nav:hover{
	
	background-color:black;
	color:white;
	border-color:white;
	max-width:25vw;
	transition:all 1s;
}

a li.Side-Page-Nav:hover i{
	min-width:80px;
	width:auto;
	
}

a li.Padding:hover i{
	padding-left:10px;
}

a li.Side-Page-Nav:hover .side-page-nav-words {
	padding-left:15px;
	color:white;
	display:inline;
	font-size:2.5vmin;
	vertical-align:top;
	padding-top:1.5em;
	padding-right:15px;
	
}

@media only screen and (max-width : 640px) {
	/* Side Page Navigation with Screen size under 640px width */
	.Side-Page-Nav {
		position: absolute;
		top:-9999px;
		right:-9999px;
		z-index:-500;
	}
}	
@media only screen and (max-height : 600px) {
	/* Side Page Navigation with Screen size under 600px height */
	.Side-Page-Nav {
		position: absolute;
		top:-9999px;
		right:-9999px;
		z-index:-500;
	}
}	

#overlay {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	
	
}


.bars {
	

	
	vertical-align:bottom;
	background:rgba(255,255,255,.7);
}

#watermark {
	position:absolute;
	bottom:0;
	right:0vw;
	
}

#smallImage {
	

}

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

#smallImage{
	width:100vw;
	

}
}

.maxMarginSpacer {
	height: 15vh;
	max-height:250px;
	display:block;
	background:none;
	
}

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

.maxMarginSpacer {
	height: 10vh;
	max-height:150px;
	
	
}
}

h1.home1 {
	font-size: 8vmin;
	text-align:center;
	margin-bottom:0;
	color:Black;
	padding-top:2vh;
	text-align:center;
		
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

h1.home2 {
	font-size: 8vmin;
	text-align:center;
	margin-top:0;
	color:Black;
	padding-bottom:2vh;
	
		
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

@media only screen and (max-width:1400px) {
h1.home2 {
	font-size: 6vmin;
}
	
	
		
	
}

@media only screen and (max-width:1200px) {
h1.home2 {
	font-size: 6.5vmin;
}
	
	
		
	
}

@media only screen and (max-width:800px) {
h1.home2 {
	font-size: 6vmin;
	
	
	
		
	
}

	
}	
h1.column {
	font-size: 10vmin;
	float: left;
	
	padding-top: 6vmin;
	margin-left: 6vmin;
	
}



h2.basic {
	font-size: 8vmin;
	
	
	margin-top: 1%;
	padding-left: 4vmin;
	display:block;
	padding-top:3vh;
}

@media only screen and (max-width:700px) {
	h2.basic {
		margin-top:0;
	} 

}

h3.basic {
	
	font-size: 6vmin;
	
	
	margin-top: 2%;
	
	width: 90vw;
	margin-bottom:1vh;
	
}





#missionStatement {
	width:80vw;
	margin:auto;
	
}

h3.missionStatement {
	width:55vw;
	padding-left:2vw;
	font-size:12vmin;
	display:inline-block;
	font-family: "Brush Script MT", "Comic Sans", sans-serif;
	margin:0;
	vertical-align:top;
	padding-top:7vmin;
	text-shadow: 1.5px 1.5px black;
	
}

@media only screen and (max-width:1400px){
	h3.missionStatement {
	font-size:10vmin;
}
}

@media only screen and (max-width:800px){
	h3.missionStatement {
	font-size:8vmin;
	padding-top: 2vmin;
}
}
.Facebook {
	margin:6vmin;
	margin-top:0;
	height:80vmin;
	
}

.twitter-timeline {
	margin:0;
	margin-top:0;
}

/* Start of Variety cards */
ul.card-grid {
	max-width:80vw;
	width:fit-content;
	min-height:50vh;
	display:block;
	margin:auto;
	text-align:center;
	padding-left:0;
	
}

li.card {
	width:20vw;
	
	display:inline-block;
	margin:2vmin;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

@media only screen and (max-width:1500px){
	ul.card-grid {
	max-width:90vw;
}

li.card {
	width:35vw;
}
}

@media only screen and (max-width:1000px){
	ul.card-grid {
	max-width:100vw;
}

li.card {
	width:45vw;
}
}

@media only screen and (max-width:700px){
	ul.card-grid {
	max-width:100vw;
}

li.card {
	width:98vw;
}
}


a.card {
	color:black;
}



.card-art {
	width:100%;
	height:85px;
	overflow:hidden;
	margin-bottom:1vh;
	
	
}



.card-title {
	text-align:left;
	font-size:3.5vmin;
	padding-left:2vw;
	width:90%;
	margin-top:1vh;
	margin-bottom:1vh;
}

@media only screen and (max-width:700px){
	.card-title {
	
	font-size:6vmin;
	
}
}


.card-info {
	width:100%;
	
	display:block;
	vertical-align:bottom;
	margin-bottom:0;
	font-size:2.5vmin;
	padding-top:3vh;
	padding-bottom:2vh;
	
}



.card-link {
	font-size:4vmin;
}

@media only screen and (max-width:700px) {
	.card-link {
	font-size:7vmin;
}
}


.bx-art {
	width:100vw;
}

dt {
	display:inline-block;
	width:85%;
	float:left;
	text-align:left;
	
	
	
}

dd {
	display:inline-block;
	width:5%;
	text-align:right;
	margin-left:15px;
}

@media only screen and (max-width:1000px){
	.card-info {
	
	font-size:3vmin;
	
	
}
}

@media only screen and (max-width:700px){
	.card-info {
	
	font-size:5.5vmin;
	line-height:1.25;
	
}
}


/* Start of Youtube video responsive css */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*End of Youtube video responsive css */



/* BXSlider Home page */

#homeimage {
	width:140vw;
	overflow:hidden;

}

/* Sermon Series */

.series-grid {
	list-style: none;
	max-width: 1200px;
	width:100vw;
	margin:auto;
	margin-top: 10vmin;
	
	padding:0;
	
}
ul.strengths {
	color:red;
		width: 90%;
		padding:1%;
		font-size: 2.5vmin;
		display:block;
		text-align:left;
		vertical-align: middle;
	list-style-type:none;
	text-decoration:none;
	margin-left:25px;
	min-height:200px;
	
	
	
}

li.strengths {
	margin-left:10px;
	list-style-type: disc;
	text-decoration:none;
	line-height:1.25;
	list-style-position:outside;
	text-indent:0px;
	
}

.text-indent-sencond li:nth-child(2){
	text-indent:40px;

}
/*
li.strengths:before {
	color: black;
	float: left;
	margin: 0 0 0 0.5em;
	width: .75em;
	content: '\2022';
}*/


@media only screen and (max-width: 1000px){
	ul.strengths {
	color:red;
		
		padding:1%;
		font-size: 3vw;
		min-height:160px;
		text-align:left;
		vertical-align: middle;
	list-style-type:disk;
	text-decoration:none;
	margin-left:30px;
	
}

li.strengths {
	list-style-type: disk;
	text-decoration:none;
}


}

@media only screen and (max-width: 600px){
	ul.strengths {
	color:red;
		width: 60%;
		padding:1%;
		font-size: 5vmin;
		
		text-align:left;
		vertical-align: middle;
	list-style-type:disk;
	text-decoration:none;
	margin-left:10px;
	
}

li.strengths {
	list-style-type: disk;
	text-decoration:none;
	padding-top:1vh;
}



}


.series-item {
	display:inline-block;
	width:90vw;
	max-width: 1100px;
	height: 30vh;
	max-height: 350px;
	display:inline-block;
	margin:auto;
	margin-top:2.5vh;
	margin-left:2.5vw;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);

}

.series-artwork {
	width:30%;
	height:100%;
	float: left;
	display:table-cell;
	
}

.series-link {
	width:100%;
	height: 100%;
	
}

.series-summary {
		color:black;
		width: 65%;
		padding:1%;
		font-size: 3vmin;
		float:right;
		text-align:left;
		vertical-align: middle;
		margin-bottom:0vh;
		display:block;
		
}

@media only screen and (min-width: 2000px) {
	.series-grid {
	list-style: none;
	max-width: 2400px;
	width:100vw;
	margin:auto;
	margin-top: 10vmin;
	
	padding:0;
	
}

.series-item {
	
	max-width: 2300px;
	height: 38vh;
	max-height: 1100px;
	

}

.series-artwork {
	width:30%;
	height:100%;
	float: left;
	display:table-cell;
	
}

.series-link {
	width:100%;
	height: 100%;
	
}

.series-summary {
		color:black;
		width: 65%;
		padding:1%;
		font-size: 2.8vmin;
		float:right;
		text-align:left;
		vertical-align: middle;
		
}
}
	
@media only screen and (max-width: 900px) {
	
	.series-grid {
		list-style: none;
		max-width: 1200px;
		width:100vw;
		margin:0;
		margin-top: 10vmin;
		padding:0;
	
	}

	
	
	.series-item {
		width:93vw;
		max-width: 900px;
		height: 25vh;
		max-height: 350px;
		
		margin:0px;
		margin-top:2.5vh;
		margin-left:3vw;
	

	}
	
	.series-summary {
		font-size:3vmin;
	}
	
	
}


@media only screen and (max-width: 700px) {
.series-item {
	
	width:99vw;
	max-width: 700px;
	height: 35vh;
	max-height: 450px;
	margin:auto;
	margin-bottom:3vh;
	
	

}

.series-summary {
		
		font-size: 3.7vmin;
		
}


}



/* UPCOMING EVENTS ON THE HOME PAGE */

.home-events{
	width:99vw;
	max-width:450px;
	display:inline-block;
	margin:auto;
	
}

.home-event-item {
	width:100%;
	height:100%;
	min-height:175px;
	display:block;
}

.home-event-date {
	width:30%;
	height:100%;
	
	
	display:inline-block;
	
}



.home-event-day {
	width:100%;
	height:50%;
	min-height:3.6vmin;
	background:#2244bb;
	display:table;
	text-align:center;
}

.home-event-day span {
	font-size:2.4vmin;
	line-height:1;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	
}

.home-event-month {
	width:100%;
	height:50%;
	min-height:3.6vmin;
	background:#2244bb;
	display:table;
	text-align:center;
}

.home-event-month span {
	font-size:2.4vmin;
	line-height:1;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	
}

.home-event-info {
	height:auto;
	min-height:150px;
	background:#ffffff;
	width:65%;
	margin:0vmin;
	display:inline-block;
}

h5#home-event-heading {
	font-size:4vmin;
	text-transform:capitalize;
	color:black;
	margin:1vmin 1vmin 0 0;
}

#centerContent {
	display:block;
	margin:auto;
	width:85vw;
	
}
@media only screen and (max-width: 760px){
	#centerContent {
		width:100vw;
		padding:2vmin;
	}
}

#footer {
	background:  #262228;
	color:#656868;
	max-height:90vh;
	min-height:30vh;
	width:100vw;
	margin-top:0vh;
	padding-bottom:4vh;
	
}

#footer h3{
	font-size:3vmin;
}

#footer-finish {
	width:40vw;
	margin:auto;
}

#footer-cross {
	height:6vmin;
	display:inline-block;
	padding-right:2vmin;
}

#footer-Location {
	display:inline-block;
	width:39vw;
	color:#656868; 
	
	padding-top: 15px;
	text-align:center;
	align-content:center;
	margin:auto;
}

#social {
	width:60vw;
	margin:auto;
}

#social ul{
	display:inline-block;
	width: 20vw;
}

@media screen only and (max-width:800px){
	#social a.social{
		
	}
}

#social li{
	list-style-type:none;
}

i.facebook{
	
}

#social a.social{
	color:#656868;
	transition:color .5s;
	display:inline-block;
	width:8vw;
}





@media only screen and (max-width:1400px){
	#social ul{
		width:30vw;
	}
	
	#social a.social{
		width:12vw;
	}
}

#social a:hover{
	color:black;
	
}

@media only screen and (max-width:1100px){
	#social ul{
		width:40vw;
	}
	
	#social a.social{
		width:15vw;
	}
}

@media only screen and (max-width:800px){
	#social ul{
		width:50vw;
	}
	
	#social a.social{
		width:23vw;
	}
}

@media only screen and (max-width: 1450px){
	#footer-finish {
	width:60vw;
	
}

#footer-Location {
	
	width:60vw;
	
}
	
}

@media only screen and (max-width: 1250px){
	#footer-finish {
	width:80vw;
	font-size:5vmin;
}

#footer-cross {
	height:15vmin;
	margin:auto;
	display:block;
	
}

#footer-Location {
	
	width:80vw;
	
}

p#footer-Location {
	
	display:block;
	margin:auto;
	text-align:center;

}
	
}
	



@media only screen and (max-width: 800px){
	#footer {
	height:40vmin;
	
}

#footer-finish {
	width:90vw;
	
}

#footer-finish p{
	font-size: 7vmin;
}

#footer h3{
	font-size:5vmin;
}

#social {
	width:90vw;
	margin:auto;
}

#social ul{
	display:inline-block;
}

#social li{
	list-style-type:none;
}

#footer-cross {
	height:15vmin;
	margin:auto;
	display:block;
	
}

p#footer-Location {
	
	display:block;
	margin:auto;
	text-align:center;

}
	
}
	
@media only screen and (max-width: 600px){
	#footer {
	
	height:150px;
	
}

#footer-finish {
	width:100vw;
}

#footer-finish p{
	font-size: 4vmin;
}


}

.person {
	
	min-height:60vh;
	width:100vw;
	padding-bottom:4vh;
	max-height:465px;
}

.Stephen {
	max-height:none;
	min-height:60vh;
	width:100vw;
	padding-bottom:4vh;
}

.Stephen img {
	width:40vw;
	margin-left:3vw;
	display:inline-block;
	vertical-align:top;
	padding-top:6vh;
	margin-bottom:3vh;
}
.Stephen p {
	width:45vw;
	padding-left:4vw;
	display:inline-block;
	text-align:left;
	font-size:3.5vmin;
}

.person {
	padding-top:3vh;
	padding-bottom:3vh;
	
	
}

@media only screen and (max-width:2400) {
	.Elder {
	max-width:1200px;
	
}
}
.Elder {
	max-width:1800px;
	margin:auto;
	width:90vw;
	
}

.Elders  p {
	width:80vw;
	text-align:center;
	margin:0;
	margin:auto;
	display:block;
}

.Elders .person p.left {
	width: 45vw;
	max-width:450px;
	padding-left:10vw;
	display:inline-block;
}

.Elders .person p.right {
	width: 35vw;
	max-width:600px;
	padding-left:4vw;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}


.Elders img.right2 {
	width: 30vw;
	max-width:300px;
	padding-right: 10vw;
	display:inline-block;
	padding-left:4vw;
	margin-top: 0;
	padding-bottom:20px;
	display:inline-block;
}

.Elders h3.left {
	font-size: 8vmin;
	padding-left: 5vw;
	
}

.Elders h3.right {
	font-size: 8vmin;
	padding-right: 5vw;
	text-align:right;
	margin-top:2vh;
	padding-top:3vh;
}
	
	.Elders img.left {
	width: 40vw;
	max-width:400px;
	max-height:400px;
	padding-left: 10vw;
	display:inline-block;
	
	margin-top: 0vh;
	padding-bottom:20px;
	
}

.basic p {
	padding-top:3vh;
	width:70vw;
	font-size: 4vmin;
	text-align: left;
	margin:auto;
}

.basic p.smallWidth {
	width:56vw;
	padding-left:4vw;
}

.basic p.textCenter {

	text-align: center;
	
}

@media only screen and (max-width:1800px){
	.person {
	max-height:none;
	min-height:30vh;
	width:100vw;	
	}
	.Stephen img {
	width:90vw;
	margin:auto;
	display:block;
}
.Stephen p {
	width:85vw;
	padding-left:7.4vw;
	display:block;
	text-align: left;
	padding-bottom:3vh;
	font-size:5vmin;
}

.Elders p {
	font-size:5vmin;
}

.Elders img.right {
	width: 85vw;
	padding:0;
	margin:auto;
	display:block;
	float:none;
	padding-bottom:3vh;
}

.Elders img.left {
	width: 85vw;
	padding:0;
	margin:auto;
	display:block;
	float:none;
	padding-bottom:3vh;
}

.Elders .person p.right {
	width: 80vw;
	max-width:none;
	padding-left:0;
	vertical-align:top;
	font-size:5vmin;
	display:block;
	margin:auto;

	}

	.Elders h3.right {
	font-size: 8vmin;
	padding-right: 0vw;
	text-align:left;
	padding-left:5vw;
	margin-top:4vh;
	padding-top:2vh;
}

.basic p {
	padding-top:3vh;
	width:95vw;
	font-size: 5vmin;
	text-align: left;
	margin:auto;
}



	
}


.textLeft {
	text-align: left;
	padding-left:5vw;
}

.textCenter {
	text-align:center;
}
.marginAuto {
	margin:auto;
}

.textRight {
	text-align:right;
	padding-right:5vw;
}
.block {
	display:block
}

.inline-block {
	display:inline-block;
}

.smallWidth {
	width:75vw;
}

.smallerWidth {
	width:40vw;
}



.tinyWidth {
	width:30vw;
	max-width:320px;
	margin-top:0vh;
	vertical-align:top;
	padding-left:3vw;
	padding-bottom:3vh;
}

.ministries {
	min-height: 450px;
}

@media only screen and (min-width:2400px) {
	.tinyWidth {
	
	max-width:800px;
	
}

.ministries {
	min-height: 1100px;
}
}

img.right {
	float:right;
	padding-right:6vw;
	padding-left:2vw;
	
}
img.left {
	padding-left:6vw;
}

p.verticalMid {
	padding-top:8vh;
	width:54vw;
}

.extraPadding {
	padding-top:3vh;
}

.partialBackground {
	width:100vw;
	height:43vh;
	max-height:550px;
	
}

@media only screen and (max-width:1000px){
	.smallerWidth {
	width:65vw;
}

.tinyWidth {
	width:90vw;
	display:block;
	margin:auto;
	padding-top:2vh;
	
}

img.right {
	float:none;
	padding-right:0;
}

.basic p.smallWidth {
	width:90vw;
	display:inline-block;
	margin:auto;
	
}

}

@media only screen and (max-height:800px) and (max-width:1100px) {

.partialBackground {
	width:100vw;
	height:55vh;
	
	
}

}

@media only screen and (max-width:700px) {
	.smallerWidth {
	width:85vw;
}

.smallWidth {
	width:90vw;
}

.extraPadding {
	padding-left:0;
}

.partialBackground {
	width:100vw;
	height:35vh;
	
	
}

img.left {
	padding-left:0;
}
}

/* Fonts */
.openSansCondensed {
	
	font-family: 'Open Sans Condensed', sans-serif;
	
}

.JosefinSlab {
	font-family: 'Josefin Slab', serif;
}

.cabinSketch {
	font-family: 'Cabin Sketch', cursive;
}

.Oswald {
	font-family: 'Oswald', sans-serif;
}

ol.the7 li{
	margin:3vh;
}

.readMoreState {
	display:none;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

.readMoreTrigger {
	cursor: pointer;
	display: block;
	padding: 0 .5em;
	color: #262228;
	font-size: 5vmin;
	line-height: 1;
	border: 2px solid #262228;
	border-radius: 0em;
	width:15vw;
	padding:2vmin;
	margin:auto;
	text-align:center;
	margin-bottom:3vh;
	margin-top:3vh;
	font-family: 'Open Sans Condensed';
	transition: .25s ease;
	z-index:99999;
}

.readMoreTrigger:hover {
	background:#262228;
	color:white;
	
}


.mission.readMoreTarget {
	opacity:0;
	max-height:0;
	font-size:0;
	transition: 1s ease;
	font-family: 'Open Sans Condensed';
	
}

.readMoreTarget {
	opacity:0;
	max-height:0;
	font-size:0;
	transition: 1s ease;
	font-family: 'Josefin Slab';
	padding:0;
	margin:0;
	width:0;
	max-width:0;
	
}

.basic p.readMoreTarget{
		opacity:0;
	max-height:0;
	font-size:0;
	transition: 1s ease;
	font-family: 'Josefin Slab';
	padding:0;
	margin:0;

	
	

}

.readMoreState:checked ~ .readMoreTarget {
	opacity:1;
	font-size: 4vmin;
	width:65vw;
	max-height:none;
	max-width:none;
	display:block;
	margin:auto;
	text-align:left;
}

.readMoreState:checked ~ .readMoreTarget.moreText {
	opacity:1;
	font-size: inherit;
	width:inherit;
	max-height:none;
	max-width:none;
	display:inline;
	
	
	padding-bottom:2vh;
}

.readMoreState:checked ~ .readMoreTarget.moreText.block {
	display:block;
	margin-top:3vh;
}

.readMoreState:checked ~ .readMoreTarget.moreText.smallBlock {
	display:block;
	margin-top:1vh;
}

.readMoreState:checked ~ .mission.readMoreTarget {
	opacity:1;
	font-size: 5vmin;
	max-height:150vh;
}

.readMoreState ~ .readMoreTrigger:before {
	content: 'Read More';
	width:15vw;
}

.readMoreState:checked ~ .readMoreTrigger:before {
	content: 'X';
	width: 3vw;
}

.moveOnUp {
	margin-top:-10vh;
}

.readMoreState:checked ~ .moveOnUp {
	margin-top:3vh;
}


@media only screen and (max-width:1000px) {
	ol.the7 li{
	margin:4vh;
}



.readMoreTrigger {
	
	
	font-size: 5vmin;
	
	width:20vw;
	
	
}

.readMoreState:checked ~ .readMoreTarget {
	opacity:1;
	font-size: 4vmin;
	width:80vw;
	max-height:none;
	max-width:none;
	display:block;
	margin:auto;
	text-align:left;
}



}


@media only screen and (max-width:700px) {
	ol.the7 li{
	margin:4vh;
}


.readMoreTrigger {
	
	
	font-size: 5vmin;
	
	width:20vw;
	
	
}

.readMoreState:checked ~ .readMoreTarget {
	
	font-size: 5vmin;
	width:90vw;
	
}

.readMoreState:checked ~ .mission.readMoreTarget {
	opacity:1;
	font-size: 5vmin;
	max-height:150vh;
}


}

.chart {
	width:100vw;
	height:60vh;
	margin:auto;
}

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

.chart {
	width:100vw;
	height:70vh;
	margin:0;
}
}

/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 0;
  height: 100%;
}

#Home {background-color: green;}
#News {background-color: blue;}
#Contact {background-color: white;}