@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	margin-top: 0px;
	background: white;
	font-family: arial;
}
	html {
	  scroll-behavior: smooth;
	}	
.fa-bars {
	position: fixed;
	display: inline-block;
	width:100%;
	padding: 25px;
	color:white;
	background-color:black;
	 border-bottom: 1px solid black;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.icon-bar a:hover {
  background-color: #000;
}
.email {
  background: #162252;
  color: white;
}
.facebook {
  background: #3B5998;
  color: white;
}
.youtube {
  background: #bb0000;
  color: white;
}
.content {
  margin-left: 75px;
  font-size: 30px;
}
.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: red;
}
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: red;
  width: 100%;
  z-index: 1;
}
.subnav-content a {
  text-align: center;
  color: white;
  text-decoration: none;
}
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}
.subnav:hover .subnav-content {
  display: block;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
	padding-bottom: 200px;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 300px;
	margin-bottom: 125px;
}
.overlay a {
	margin-top: 55px;
  padding: 15px;
  text-decoration: none;
  color: white;
  display: block;
  transition: 0.3s;
	font-weight: bold;
	font-size: 65px;
	text-align: center;
}
.overlay a:hover, .overlay a:focus {
  color: #818181;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 5px;
  right: 45px;
  font-size: 90px
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 2rem;
  transition: 0.4s;
}
.active, .accordion:hover {
  background-color: #ccc; 
}
.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.navbar {
  overflow: hidden;
  background-color: #333; 
	padding: 9px;
	text-align: center;	
	display: flex; 
	justify-content: center;	
}
hr{
	 width: 80%
}
.navbar a {
  font-size: 1rem;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
	margin-left: 15px;
}
.navbar {
  overflow: hidden;
  background-color: #333; 
}
.navbar a {
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;	
	
}
.subnav {
  overflow: hidden;
}
.subnav .subnavbtn {
  font-size: 1rem;  
  border: none;
  outline: none;
  color: white;
  padding: 16px 27px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: red;
}
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: red;
  width: 100%;
  z-index: 1;
	padding-bottom: 25px;
	text-align: center; 
	margin: 0 auto;
	justify-content: center;
}
.subnav-content a {
  color: white;
  text-decoration: none;
}
.subnav-content a:hover {
  background-color: #eee;
  color: black;
	padding: 8px 8px;
	border-radius: 5px;	
}
.subnav:hover .subnav-content {
  display: block;
	text-align: center; 
	margin: 0 auto;
	justify-content: center;
}
#showcase{
		background-image: url("images/baptism-sunday.png");	
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 750px;
}
#picture-welcome{
		background-image: url("images/new-member.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
}

#picture-calendar{
	background-image: url("images/weekly-schedule.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;	
}
#picture-baptism{
		background-image: url("images/baptism.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}
#picture-member-services{
		background-image: url("images/member-services.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 550px;
}
#picture-discipleship{
		background-image: url("images/learning.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 550px;
}
#picture-serve{
		background-image: url("images/community-volunteer.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 550px;
}
#section-16{
		background-image: url("images/childrens-ministry.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 550px;
}
@media (max-width:768px){
	#banner {
		display: none;
	}
	.navbar{
		display:none;
	}
	.subnav{
		display: none;
	}
	.subnav{
		display: none;
	}
	#picture-baptism{
		margin-top: 165px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#picture-member-services{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#picture-discipleship{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	#picture-calendar{
		margin-top: 135px;
		 border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}	
	#picture-children{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	hr{
		margin-top: 5px;
		color: white;
	}
	#showcase {
		margin-top: -19px;
	}
	#showcase h1,h2{
		margin: 5px;
	}
	#showcase h1{
		padding-top:265px;
		padding-bottom: 10px;
		text-align: left;
		font-size: 4rem;
		text-shadow: 2px 2px 4px #000000;
		margin-left: 45px;
		margin-right: 45px;
		color: white;		
	}
	#showcase h2{
		text-align: left;
		font-size: 3.5rem;
		text-shadow: 2px 2px 4px #000000;
		margin-left: 50px;
		margin-right: 45px;
		font-style: italic;
		color: white;		
	}
	#showcase p{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-shadow: 2px 2px #000;
		font-size: 2.7rem;
		font-weight: bold;
		color: white;
	}
	#showcase a{
		text-decoration: none;
		text-shadow: 2px 2px #000;
		font-weight: bold;
		color: white;
	}
	.button {
  	background-color: #00a9ea;
  	border: none;
 	color: white;
 	padding: 15px 32px;
 	text-align: center;
 	text-decoration: none;
  	display: inline-block;
  	font-size: 2.9rem;
		font-weight: bold;
 	 cursor: pointer;
	border-radius: 25px;
	border-style: solid;
  	border-width: 2px;
}
	.button a{
		font-size: 2.9rem;
		font-weight: bold;
		color: white;
	}
	.button a:hover{		
		color: white;
	}
	#section-1{
		margin-top:155px;
	}
	#section-1 h1,p{
		margin: 35px;
	}
	#section-1 h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#section-1 p{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 2.5rem;
		color: black;
		padding-bottom: 35px;
	}
	#section-1 a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#section-1 a:hover{
		text-decoration: underline;
	}
	#picture-welcome{
		background-image: url("images/new-member.png");
		margin-top: 195px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#welcome {
		margin-top: 135px;
	}
	#welcome h1,p{
		margin: 35px;
	}
	#welcome h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#welcome p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	} 
	#welcome a{
		color: blue;		
	}	
	#picture-prayer{
		margin-top: 165px;
		background-image: url("images/pray.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#prayer{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#prayer h1,p{
		margin: 35px;
	}
	#prayer h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#prayer p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#prayer a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#prayer a:hover{
		text-decoration: underline;
	}
	#give {
		margin-top:855px;
		margin: auto;
  		width: 80%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#give h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#give p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	.logo{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		padding-bottom: 35px;
		width: 295px;		
	}
	.logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 35px;
		width: 295px;		
	}
	#picture-baptism{
		margin-top: 165px;
		background-image: url("images/baptism.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#baptism{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#baptism h1,p{
		margin: 35px;
	}
	#baptism h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#baptism p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#baptism a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#baptism a:hover{
		text-decoration: underline;
	}	
	#picture-discipleship{
		margin-top: 165px;
		background-image: url("images/learning.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#discipleship{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#discipleship h1,p{
		margin: 35px;
	}
	#discipleship h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#discipleship p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#discipleship a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#discipleship a:hover{
		text-decoration: underline;
	}
	
	#picture-serve{
		margin-top: 165px;
		background-image: url("images/community-volunteer.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#serve{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#serve h1,p{
		margin: 35px;
	}
	#serve h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#serve p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#serve a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#serve a:hover{
		text-decoration: underline;
	}
	#service-times {
		margin-top:955px;
		margin-bottom: 125px;
		margin: auto;
  		width: 80%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#service-times h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#service-times p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#service-times a{
		text-decoration: none;
		color: blue;		
	}	
	#picture-calendar {
		margin-top: 295px;
	}
	#calendar {
		margin-top:125px;		
	}
	#calendar h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#calendar p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#calendar a{
		text-decoration: none;
		color: blue;		
	}
	
	#picture-member-services {
		margin-top: 125px;
	}
	#member-services {
		margin-top:125px;		
	}
	#member-services h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#member-services p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#member-services a{
		text-decoration: none;
		color: blue;		
	}	
	#top {
		margin: 155px;
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
	}
	#top a{
		color: blue;
		text-decoration: none;
		font-size: 3rem;		
	}
	#main-footer{
		text-decoration: none;
		background-color: #D3D3D3;
		font-weight: bold;
		padding-top: 45px;
		padding-bottom: 95px;
	 border-top: 1px solid #162252;
	}
	#main-footer img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 225px;
		padding-top: 75px;
		padding-bottom: 45px;
		text-shadow: 2px 2px 4px #000000;		
	}
	#main-footer h1,p{
		margin: 5px;
	}
	#main-footer h1{
		margin-left: 55px;
		margin-right: 55px;
		text-align: center;
		color: #162252;
		font-size: 2.3rem;		
	}
	#main-footer p{
		text-align: center;
		color: #162252;
		font-size: 2rem;
		padding-bottom: 35px;
		margin-left: 55px;
		margin-right: 55px;
	}	
	#main-footer a{
		color: blue;
		text-decoration: none;
		font-size: 2rem;
	}
	#main-footer a:hover{
		color: orangered;
		text-decoration: underline;
	}
}
@media screen and (min-width:769px) and (max-width:1020px){
	#banner {
		display: none;
	}
	.navbar{
		display:none;
	}
	.subnav{
		display: none;
	}
	.subnav{
		display: none;
	}
	#picture-baptism{
		margin-top: 165px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#picture-member-services{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#picture-discipleship{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	#picture-calendar{
		margin-top: 135px;
		 border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}	
	#picture-children{
		margin-top: 135px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	hr{
		margin-top: 75px;
	}	
	#showcase {
		margin-top: -19px;
	}
	#showcase h1,h2{
		margin: 5px;
	}
	#showcase h1{
		padding-top:275px;
		padding-bottom: 10px;
		text-align: left;
		font-size: 4rem;
		text-shadow: 2px 2px 4px #000000;
		margin-left: 45px;
		margin-right: 45px;
		color: white;		
	}
	#showcase h2{
		text-align: left;
		font-size: 3.5rem;
		text-shadow: 2px 2px 4px #000000;
		margin-left: 50px;
		margin-right: 45px;
		font-style: italic;
		color: white;		
	}
	#showcase p{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-shadow: 2px 2px #000;
		font-size: 2.7rem;
		font-weight: bold;
		color: white;
	}
	#showcase a{
		text-decoration: none;
		text-shadow: 2px 2px #000;
		font-weight: bold;
		color: white;
	}
	.button {
  	background-color: #00a9ea;
  	border: none;
 	color: white;
 	padding: 15px 32px;
 	text-align: center;
 	text-decoration: none;
  	display: inline-block;
  	font-size: 2.9rem;
		font-weight: bold;
 	 cursor: pointer;
	border-radius: 25px;
	border-style: solid;
  	border-width: 2px;
}
	.button a{
		font-size: 2.9rem;
		font-weight: bold;
		color: white;
	}
	.button a:hover{		
		color: white;
	}
	#section-1{
		margin-top:155px;
	}
	#section-1 h1,p{
		margin: 35px;
	}
	#section-1 h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#section-1 p{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 2.5rem;
		color: black;
		padding-bottom: 35px;
	}
	#section-1 a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#section-1 a:hover{
		text-decoration: underline;
	}
	#picture-welcome{
		background-image: url("images/new-member.png");
		margin-top: 195px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#welcome {
		margin-top: 135px;
	}
	#welcome h1,p{
		margin: 35px;
	}
	#welcome h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#welcome p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	} 
	#welcome a{
		color: blue;		
	}	
	#picture-prayer{
		margin-top: 165px;
		background-image: url("images/pray.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#prayer{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#prayer h1,p{
		margin: 35px;
	}
	#prayer h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#prayer p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#prayer a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#prayer a:hover{
		text-decoration: underline;
	}
	#give {
		margin-top:855px;
		margin: auto;
  		width: 80%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#give h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#give p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	.logo{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		padding-bottom: 35px;
		width: 295px;		
	}
	.logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 35px;
		width: 295px;		
	}
	#picture-baptism{
		margin-top: 165px;
		background-image: url("images/baptism.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#baptism{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#baptism h1,p{
		margin: 35px;
	}
	#baptism h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#baptism p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#baptism a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#baptism a:hover{
		text-decoration: underline;
	}	
	#picture-discipleship{
		margin-top: 165px;
		background-image: url("images/learning.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#discipleship{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#discipleship h1,p{
		margin: 35px;
	}
	#discipleship h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#discipleship p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#discipleship a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#discipleship a:hover{
		text-decoration: underline;
	}
	
	#picture-serve{
		margin-top: 165px;
		background-image: url("images/community-volunteer.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#serve{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#serve h1,p{
		margin: 35px;
	}
	#serve h1{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 3.5rem;
		color: black;
	}
	#serve p{
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 35px;
		text-align: left;
		font-size: 2.5rem;
		color: black;
	}
	#serve a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#serve a:hover{
		text-decoration: underline;
	}
	#service-times {
		margin-top:955px;
		margin-bottom: 125px;
		margin: auto;
  		width: 80%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#service-times h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#service-times p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#service-times a{
		text-decoration: none;
		color: blue;		
	}	
	#picture-calendar {
		margin-top: 295px;
	}
	#calendar {
		margin-top:125px;		
	}
	#calendar h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#calendar p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#calendar a{
		text-decoration: none;
		color: blue;		
	}
	
	#picture-member-services {
		margin-top: 125px;
	}
	#member-services {
		margin-top:125px;		
	}
	#member-services h1 {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;		
	}
	#member-services p {
		margin-right: 45px;
		margin-left: 45px;
		padding-bottom: 45px;
		text-align: left;
		font-size: 2.5rem;		
	}
	#member-services a{
		text-decoration: none;
		color: blue;		
	}	
	#top {
		margin: 155px;
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
	}
	#top a{
		color: blue;
		text-decoration: none;
		font-size: 3rem;		
	}
	#main-footer{
		text-decoration: none;
		background-color: #D3D3D3;
		font-weight: bold;
		padding-top: 45px;
		padding-bottom: 95px;
	 border-top: 1px solid #162252;
	}
	#main-footer img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 225px;
		padding-top: 75px;
		padding-bottom: 45px;
		text-shadow: 2px 2px 4px #000000;		
	}
	#main-footer h1,p{
		margin: 5px;
	}
	#main-footer h1{
		margin-left: 55px;
		margin-right: 55px;
		text-align: center;
		color: #162252;
		font-size: 2.3rem;		
	}
	#main-footer p{
		text-align: center;
		color: #162252;
		font-size: 2rem;
		padding-bottom: 35px;
		margin-left: 55px;
		margin-right: 55px;
	}	
	#main-footer a{
		color: blue;
		text-decoration: none;
		font-size: 2rem;
	}
	#main-footer a:hover{
		color: orangered;
		text-decoration: underline;
	}
}
@media screen and (min-width:1021px){	
	span{
		display: none;
	}
	#myNav{
		display: none;
	}
	#myNav .overlay .overlay-content{
		display: none;
	}
	.sidebar{
		display: none;
	}	
	.container {
	  	display: flex;
	  	align-items: center;
	  	justify-content: center;
		width: 100%;
	}
	#banner{
		margin-top: 0px;
		background-color: black;
		position: fixed;
  		top: 0;
		padding-bottom: 15px;
		width: 100%;
		border-bottom: 1px solid black;
	}
	#banner img{
		float: left;
		width: 125px;
		padding-right: 25px;
	}
	#banner a{
		color: white;
	}
	.links{
		display: inline;
		
	}	
	.links a{
		text-decoration: none;
		color: black;
		font-size: 1rem;
		padding: 15px;
	}
	.links a:hover{
		text-decoration: underline;
		color: orangered;
	}
	hr{
		margin-top: 75px;
	}			
	#showcase {
		margin-top: -4px;
	}
	#showcase h1,h2{
		margin: 5px;
	}
	#showcase h1{
		padding-top:275px;
		text-align: left;
		font-size: 5rem;
		margin-left: 45px;
		margin-right: 45px;
		color: #00a9ea;
		-webkit-text-stroke: 3px white;
            text-stroke: 2px black;	
		text-shadow: 5px 5px 5px black;
	}
	#showcase h2{
		text-align: left;
		font-size: 3.5rem;
		text-shadow: 2px 2px 4px #000000;
		margin-left: 55px;
		margin-right: 45px;
		font-style: italic;
		color: #fff;
	}
	#showcase h2,p{
		margin: 25px;
	}
	#showcase p{
		text-align: left;
		margin-left: 45px;
		margin-right: 45px;
		padding-bottom: 25px;
		text-shadow: 2px 2px #000;
		font-size: 2.9rem;
		font-weight: bold;
		color: white;
	}
	#showcase a{
		text-decoration: none;
		text-shadow: 2px 2px #000;
		font-weight: bold;
		color: white;
	}
	.button {
  	background-color: #00a9ea;
  	border: none;
 	color: white;
 	padding: 15px 32px;
 	text-align: center;
 	text-decoration: none;
  	display: inline-block;
  	font-size: 2rem;
		font-weight: bold;
 	 cursor: pointer;
	border-radius: 25px;
	border-style: solid;
  	border-width: 2px;
}
	.button a{
		font-size: 2rem;
		font-weight: bold;
		color: white;
	}
	.button a:hover{		
		color: yellow;
	}
	#section-1{
		margin-top:95px;
	}
	#section-1 h1,p{
		margin: 35px;
	}
	#section-1 h1{
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color: #707070;
	}
	#section-1 p{
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 1.2rem;
		color: #707070;
		padding-bottom: 25px;
	}
	#section-1 a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#section-1 a:hover{
		text-decoration: underline;
	}
	#picture-welcome{
		background-image: url("images/new-member.png");
		margin-top: 95px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#welcome {
		margin-top: 95px;
	}
	#welcome h1,p{
		margin: 25px;
	}
	#welcome h1{
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color: #707070;
	}
	#welcome p{
		margin-left: 15%;
		margin-right: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	} 
	#welcome a{
		color: blue;		
	}	
	#prayer{
		margin-top:05px;
		margin-bottom: 155px;
	}
	#picture-prayer{
		margin-top: 165px;
		background-image: url("images/pray.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#prayer h1,p{
		margin: 35px;
	}
	#prayer h1{margin-top: 75px;
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color: #707070;
	}
	#prayer p{
		margin-left: 15%;
		margin-right: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#prayer a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#prayer a:hover{
		text-decoration: underline;
	}
	#give {
		margin-top:855px;
		margin: auto;
  		width: 50%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#give h1 {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;
		color: #707070;
	}
	#give p {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 45px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	.logo{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		padding-bottom: 35px;
		width: 295px;		
	}
	.logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 35px;
		width: 295px;		
	}
	#picture-baptism{
		margin-top: 165px;
		background-image: url("images/baptism.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#baptism{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#baptism h1,p{
		margin: 25px;
	}
	#baptism h1{
		margin-top: 15px;
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color: #707070;
	}
	#baptism p{
		margin-left: 15%;
		margin-right: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#baptism a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#baptism a:hover{
		text-decoration: underline;
	}	
	#picture-discipleship{
		margin-top: 125px;
		background-image: url("images/learning.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#discipleship{
		margin-top:155px;
		margin-bottom: 155px;
	}
	#discipleship h1,p{
		margin: 35px;
	}
	#discipleship h1{
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color:#707070;
	}
	#discipleship p{
		margin-left: 15%;
		margin-right: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#discipleship a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#discipleship a:hover{
		text-decoration: underline;
	}	
	#picture-serve{
		margin-top: 135px;
		background-image: url("images/community-volunteer.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 550px;
		width: 100%;
	}	
	#serve{
		margin-top:15px;
		margin-bottom: 155px;
	}
	#serve h1,p{
		margin: 35px;
	}
	#serve h1{
		text-align: left;
		margin-left: 15%;
		margin-right: 15%;
		font-size: 3rem;
		color: #707070;
	}
	#serve p{
		margin-left: 15%;
		margin-right: 15%;
		padding-bottom: 35px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#serve a{
		color: blue;
		text-decoration: none;
		font-weight: bold;
	}
	#serve a:hover{
		text-decoration: underline;
	}
	#service-times {
		margin-top:755px;
		margin: auto;
  		width: 80%;		
		border-style: solid;
  		border-width: 1px;
		padding: 25px;
		border-radius: 15px;
	}
	#service-times h1 {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;
		color: #707070;
	}
	#service-times p {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#service-times a{
		text-decoration: none;
		color: blue;		
	}	
	#picture-calendar {
		margin-top: 155px;
	}
	#calendar {
		margin-top:65px;		
	}
	#calendar h1 {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;
		color: #707070;
	}
	#calendar p {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;	
		color: #707070;
	}
	#calendar a{
		text-decoration: none;
		color: blue;		
	}	
	#picture-member-services {
		margin-top: 125px;
	}
	#member-services {
		margin-top:95px;		
	}
	#member-services h1 {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: center;
		font-size: 3rem;
		color: #707070;
	}
	#member-services p {
		margin-right: 15%;
		margin-left: 15%;
		padding-bottom: 25px;
		text-align: left;
		font-size: 1.2rem;
		color: #707070;
	}
	#member-services a{
		text-decoration: none;
		color: blue;		
	}	
	#main-footer{
		text-decoration: none;
		background-color: #D3D3D3;
		font-weight: bold;
		padding-top: 75px;
		padding-bottom: 75px;
		border-top: 1px solid #162252;
	}
	#main-footer img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 125px;
		padding-bottom: 15px;
		text-shadow: 2px 2px 4px #000000;		
	}
	#main-footer h1,p{
		margin: 5px;
	}
	#main-footer h1{
		text-align: center;
		color: #162252;
		font-size: 2rem;
	}
	#main-footer p{
		text-align: center;
		color: #162252;
		font-size: 1rem;
		padding-bottom: 25px;
	}	
	#main-footer a{
		color: blue;
		text-decoration: none;
	}
	#main-footer a:hover{
		color: orangered;
		text-decoration: underline;
	}
	#top {
		margin: 125px;
		text-align: center;
	}
	#top a{
		color: blue;
		text-decoration: none;
		font-size: 1rem;
	}
	#top a:hover{
		color: gray;
		text-decoration: underline;
	}
}