body {}

#top {position:fixed; top:0; left:0; width:80%; margin:0 10%; height:22px; background-color:#125e97;  z-index:999999999999; box-shadow:0 0 15px black;}

#middle {width:80%; background-color:white; margin:23px 10% 0 10%; left:0; top:0; height:128px; position:fixed; z-index:9999999999; box-shadow:0 0 15px black; }
#middle .left {float:left; width:43%; margin-left:2%; }
#middle .left img {width:100%; margin-top:-20px;}
#middle .donate {width:18%; margin-right:2%; margin-top:34px; height:60px; background-color:#B32B33; float:right; color:white; box-shadow:0 0 5px black; border-radius:5px; }
#middle .donate h3 { float:center; font-size:145%;  margin:17px 0px 0 0px; text-shadow:1px 1px 1px black; font-weight:700;  text-align:center; }
.fa-heart-o { font-size:100%;}
#middle .donate:hover {background-color:white; color:#B32B33; box-shadow:0 0 10px black;transition:.6s ease;}

#middle .right {float:right; width:30%;}
#middle .right img {width:33%; margin-top:6px; float:right; margin-right:5px;} 

#topnav {width:80%; background-color:#125e97; margin:152px 10% 0 10%; border-bottom:1px white solid;  height:40px; left:0; top:0; position:fixed; z-index:9999999999; box-shadow:0 0 15px black;}
#topnav .menu   {width:80%; float:left; margin-left:0;}
#topnav .menu ul {float:left; width:100%; margin:10px 0 0 0;}
#topnav .menu ul li {float:left; display:inline; list-style:none; margin:0 30px 0 0; }
#topnav .menu ul li a {color:white; text-decoration:none; font-size:115%;  text-shadow:1px 1px 1px black; font-weight:500;}
#topnav .menu ul li a:hover {color:#FFCF00 ;  transition:.2s ease;}
#topnav .social {width:10%; float:right;}
#topnav .social ul {float:right; width:100%; margin:5px 0 0 0; }
#topnav .social ul li { display:inline; margin:0 10px 0 0; }
#topnav .social ul li a {text-decoration:none; color:white;}
#topnav .social ul li a:hover {color:gold; transition:.2s ease;}
#topnav .social .fa-facebook {font-size:160%; text-shadow:1px 1px 1px black; }
#topnav .social .fa-twitter {font-size:160%; text-shadow:1px 1px 1px black;}
#topnav .social .fa-instagram {font-size:160%; text-shadow:1px 1px 1px black;}

#top2 {display:none; position:fixed; top:0; left:0; width:100%; margin:0 0%; height:10px; background-color:#125e97; z-index:999999999999; box-shadow:0 0 15px black;}

#middle2 {display:none; width:100%; background-color:white; margin:11px 0% 0 0%; left:0; top:0; height:100px; position:fixed; z-index:9999999999; box-shadow:0 0 1px black; }
#middle2 .left {float:left; width:48%; }
#middle2 .left img {width:100%;}
#middle2 .right {float:right; width:40%;}
#middle2 .right img {width:54%; margin-top:4px; float:right; margin-right:5px;} 
#middle2 .donate {width:14%; margin-right:2%; margin-top:34px; height:50px; background-color:#B32B33; float:right; color:white; box-shadow:0 0 5px black; border-radius:5px; }
#middle2 .donate h3 { float:left; font-size:137%;  margin:12px 0px 0 15px; text-shadow:1px 1px 1px black; font-weight:700; }
.fa-heart-o { font-size:100%;}
#middle2 .donate:hover {background-color:white; color:#B32B33; box-shadow:0 0 10px black;transition:.6s ease;}

#topnav2 {display:none; width:100%; background-color:#125e97; margin:110px 0% 0 0%; border-bottom:1px white solid;  height:40px; left:0; top:0; position:fixed; z-index:9999999999; box-shadow:0 0 15px black;}
#topnav2 .menu   {width:100%; float:left; margin-left:0;}
#topnav2 .menu ul {float:left; width:100%; margin:10px 0 0 0;}
#topnav2 .menu ul li {float:left; display:inline; list-style:none; margin:0 30px 0 0; }
#topnav2 .menu ul li a {color:white; text-decoration:none; font-size:90%;  text-shadow:1px 1px 1px black; font-weight:500;}
#topnav2 .menu ul li a:hover {color:#FFCF00 ;  transition:.2s ease;}

.slider {overflow:hidden; height:600px; box-shadow:0 0 15px black; border-bottom:3px silver solid; list-style-type:none; float:left; background-color:black; width:80.7%; margin:186px 9.65% 0 9.65%; }
.slider figure div { width:33.33%; float:left; }
.slider figure img {width:100%; float:left; margin-left:-39px; height:600px;}
.slider figure {position:relative; width:300%; margin-top:0; left:0; animation: 25s objectmove infinite;}

#line {position:relative; float:left; width:80.7%; margin:0 9.53%; box-shadow:0 0 20px black; border:3px grey solid;  height:55px; background-color:#125e97;}
#line h2 {color:white; text-align:center; margin:12px 0; text-shadow:1px 1px 1px black;}


#content1 {position:relative; float:left; width:80.7%; margin:0 9.65%; height:20px; background-color:white;}

#content {float:left; width:80.7%; margin:175px 9.65% 0 9.65%; height:1020px; box-shadow:0 0 30px; background-color:white;}
#content h1 {text-align:center; font-size:250%;}
#content h2 {text-align:center; font-size:210%;}
#content p {text-align:center; font-size:120%;}

#content .heading {position:relative; height:440px; box-shadow:0 0 8px black; border-radius:25px 25px 0px 0;  margin:53px 1% 0 1%; float:left; width:23.6%; background-color:#0E062A;}
#content .heading h2 {width:100%; text-align:center; margin-top:40px; font-size:160%;  color:white; text-shadow: 1px 1px 1px grey;}
#content .heading h5 {text-align:center; font-size:160%; width:80%; margin:85px 7.5%; background-color:black; color:white; padding:7px; border-radius:20px; box-shadow:0 0 25px white;  }
#content .heading a {text-decoration:none; color:white;}
#content .heading2 {position:relative; box-shadow:0 0 5px black; height:428px; border:7px grey solid;margin-top:53px; float:left; width:47.5%;}
#content .heading2 img {width:50%; margin:0px 25%;}
#content .heading3 {position:relative; height:440px; border-radius:25px 25px 0px 0; box-shadow:0 0 8px black; margin:53px 1% 0 1%; float:left; width:23.6%; background-color:#0E062A;}
#content .heading3 h2 {width:100%; text-align:center; margin-top:60px; font-size:160%;  color:white; text-shadow: 1px 1px 1px grey;}
#content .heading3 h5 {text-align:center; font-size:160%; width:80%; margin:100px 7.5%; background-color:black; color:white; padding:7px; border-radius:20px; box-shadow:0 0 25px white;  }
#content .heading3 a {text-decoration:none; color:white;}

#about {position:relative; float:left; width:80.7%; margin:165px 9.65% 0 9.65%; background-color:white; height:900px; box-shadow:0 0 30px black; z-index:2;}
#about .about {float:left; height:800px; width:60%; margin-top:20px; margin-left:.7%;   }
#about .about img {display:none; width:30%; margin:10px 35%; }
#about .about h2 {text-align:center; font-size:200%; text-decoration:underline; }
#about .about h3 {text-align:center; font-size:110%; }
#about .about h4 {text-align:center; font-size:90%; }
#about .about h5 {width:90%; margin-left:5%;}
#about .about h6 {width:90%; margin:0px 5%; line-height:22px; font-size:100%; font-weight:100;}
#about .about p {width:90%; margin:0px 5%; font-style:italic;}
#about .pic {width:38%; float:right; margin-top:50px; height:800px;  margin-right:.7%; }
#about .pic img {width:100%; height:650px; filter:brightness(120%) contrast(95%);}
#about .pic2 {width:38%; float:right; margin-top:110px; height:800px;  margin-right:.7%; }
#about .pic2 img {width:100%; height:650px; filter:brightness(110%) contrast(95%);}

#pastor {float:left; width:80.7%; margin:-10px 9.65% 0px 9.65%;  box-shadow:0 0 30px; background-color:white;}
#pastor .pastor img {width:100%; margin-bottom:10px;}
#pastor .pastor h1 {position:absolute;top:300px; font-size:300%; text-align:center; color:black; right:24%; text-shadow: 2px 2px 2px grey; width:5%; }

#pastor .heading {position:relative; height:440px; box-shadow:0 0 8px black; border-radius:25px 25px 0px 0;  margin:30px 1% 0 1%; float:left; width:23.6%; background-color:#0E062A;}
#pastor .heading h2 {width:100%; text-align:center; margin-top:40px; font-size:160%;  color:white; text-shadow: 1px 1px 1px grey;}
#pastor .heading h5 {text-align:center; font-size:160%; width:80%; margin:85px 7.5%; background-color:black; color:white; padding:7px; border-radius:20px; box-shadow:0 0 25px white;  }
#pastor .heading a {text-decoration:none; color:white;}
#pastor .heading2 {position:relative; box-shadow:0 0 5px black; height:428px; border:7px grey solid;margin-top:30px; float:left; width:47.5%;}
#pastor .heading2 img {width:50%; margin:0px 25%;}
#pastor .heading3 {position:relative; height:440px; border-radius:25px 25px 0px 0; box-shadow:0 0 8px black; margin:30px 1% 0 1%; float:left; width:23.6%; background-color:#0E062A;}
#pastor .heading3 h2 {width:100%; text-align:center; margin-top:60px; font-size:160%;  color:white; text-shadow: 1px 1px 1px grey;}
#pastor .heading3 h5 {text-align:center; font-size:160%; width:80%; margin:100px 7.5%; background-color:black; color:white; padding:7px; border-radius:20px; box-shadow:0 0 25px white;  }
#pastor .heading3 a {text-decoration:none; color:white;}

#headings .second {width:70%; margin:30px 15%;}
#headings .second .img {float:left; width:31%; height:190px; margin:105px 5px -90px 5px; box-shadow:0 0 5px black; overflow:hidden; }
#headings .second .img img {width:100%; height:auto;}
#headings .second img:hover {box-shadow:0 0 15px black;}
#headings .second h2 {float:left; width:100%; text-align:center; color:black; margin:50px 0 -25px 0; text-decoration:underline;}
#headings {position:relative; width:80.7%; float:left; box-shadow:0 0 30px black; margin:0px 9.65% 0 9.65%; height:1700px; background-color:white;}
#headings .headings {position:relative; float:left; width:100%;}
#headings .headings h1 {width:100%; text-align:center; margin-top:200px; margin-bottom:-110px; font-size:300%;  color:black; text-shadow: 2px 2px 2px grey;}

.sliders {
	width: 70%;
	margin: 80px 15%;
	float:left;
	margin-top:0px;
}

.slider-wrapper {
	margin-top:150px;
	width: 50%;
	height: 500px;
	position: relative;
	box-shadow:0 0 15px;
	margin-left:24%;
}

.slides {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 2s linear;
}

.slider-wrapper > .slides:first-child {
	opacity: 1;
}


#contact {width:80.7%; float:left; margin:180px 9.65% 0 9.65%; padding-bottom:50px; background-color:white; box-shadow:0 0 30px;}
#contact h3 {margin-top:40px; color:blue; font-size:170%; text-align:center; font-family:tahoma;}

.container {
    border-radius: 6px;
    background-color:none;
    padding: 20px;
	box-shadow:0 0 15px;
float:right; width:41%;
 margin:70px 4% 20px 0%; z-index:9999;
}
.container h1 {text-align:center; font-size:250%; margin-bottom:-30px;}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #125e97;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #125e97;
opacity:.8;
}

/* Add a background color and some padding around the form */
#form {
    border-radius: 6px;
    background-color:none;
    padding: 20px;
	box-shadow:0 0 15px;
float:left; width:55%;
 margin:0px 0 70px 2%; z-index:9999;
}
#form h1 {text-align:center; margin-left:10px;}
#form h2 {color:black; text-align:center;}
#form p {color:green;}
#form h6 {color:red;}


.maps {float:left; margin-top:70px; width:46%; }
.maps iframe {width:93%; height:350px; margin-left:3%;}
.maps h1 {width:77%; margin:20px 0 0 10%; text-align:center; padding:15px 0;  background-color:#125e97; color:white; font-size:120%; font-family:tahoma; border-radius: 10px;}
.maps h1 a {color:white; padding-bottom:10px;}


#footer {float:left; width:100%; margin:30px 0% 0 0%;  background-color:#125e97; color:white;  box-shadow:0 10px 10px black; }
#footer .info {float:left; width:33.3%; box-shadow:0 5px 5px black; height:400px;}
#footer .info h2 {font-weight:700; font-size:140%; text-align:center;}
#footer .info p {font-weight:100; font-size:100%; font-weight:600; text-align:center;}
#footer .info ul li {width:80%; margin-bottom:35px; margin-top:30px; list-style:none; text-align:center;}
#footer .portal {float:left; width:33.3%; box-shadow:0 10px 10px black; height:400px;}
#footer .portal h2 {font-weight:700; font-size:140%; text-align:center;}
#footer .portal p {font-weight:100; font-size:100%; text-align:center; margin:30px 30px;}
#footer .portal a {text-decoration:none; font-size:130%;width:28%; text-align:center; color:black; font-weight:700;padding:7px; border-radius:7px; background-color: white; box-shadow:0 0 8px black; font-family:arial; text-shadow:1px 1px 1px #C1C1C1;}
#footer .forms {float:left; width:33.3%; box-shadow:0 5px 5px black; height:400px;}
#footer .forms h2 {font-weight:700; font-size:140%; text-align:center;}
#footer .forms p {font-weight:100; font-size:100%; text-align:center; text-decoration:none; margin:30px 30px;}
#footer .forms a {text-decoration:none; font-size:130%;width:28%; text-align:center;  color:black; font-weight:700; padding:7px; border-radius:7px; background-color:white; box-shadow:0 0 12px black; font-family:arial; text-shadow:1px 1px 1px #C1C1C1;}
#footer .portals {float:left; width:50%; display:none; box-shadow:0 10px 10px black; height:400px;}
#footer .portals h2 {font-weight:700; font-size:140%; text-align:center;}
#footer .portals p {font-weight:100; font-size:100%; text-align:center; margin:30px 30px;}
#footer .portals a {text-decoration:none; font-size:130%;width:28%; text-align:center; font-weight:700; color:black; padding:7px; border-radius:7px; background-color:white; box-shadow:0 0 12px black; font-family:arial; text-shadow:1px 1px 1px #C1C1C1;}


#footer2 {width:100%;  float:left; height:50px; background-color:white; border-top:1px black solid; border-bottom:1px black solid; box-shadow:0 0 5px black;}
#footer2 .left {float:left; width:50%;}
#footer2 .left p {margin-left:50px;}
#footer2 .right {float:right; width:50%;}
#footer2 .right p {float:right; margin-right:50px;}

.fa-envelope-o {font-size:200%;}
.fa-phone {font-size:200%;}
.fa-map-marker {font-size:200%;}

 #blog {float:left; width:100%; margin-top:30px; background-color:white; overflow:hidden;}
 #blog h1 {margin-bottom:0px;}
 
#blog .blog {float:right; width:70%;}
#blog .blog iframe {width:99%;}
 
#blog .blogger {float:left; width:29%;}
#blog .blogger img {width:80%; margin:30px 10%; } 


body {background:url(images/b1.jpg) #CCC left top; background-size:cover; background-attachment:fixed; 
background-position: center; background-repeat: no-repeat;  }

@media screen and (max-width:2000px){
.slider {height:500px;}
.slider figure img {height:500px;}
}	
@media screen and (max-width:1800px){
#middle {width:80%; background-color:white; margin:23px 10% 0 10%; left:0; top:0; height:128px; position:fixed; z-index:9999999999; box-shadow:0 0 15px black; }
#middle .right {float:right; width:30%;}
#middle .right img {width:60%; margin-top:4px; float:right; margin-right:5px;} 
}
@media screen and (max-width:1600px){
#middle {width:80%; background-color:white; margin:23px 10% 0 10%; left:0; top:0; height:128px; position:fixed; z-index:9999999999; box-shadow:0 0 15px black; }
#middle .right {float:right; width:30%;}
#middle .right img {width:42%; margin-top:28px; float:right; margin-right:15px;} 
}
@media screen and (max-width:1400px){
.slider {height:450px;}
.slider figure img {height:450px;}	
}
@media screen and (max-width:1350px){
#about {height:1200px;}
}
@media screen and (max-width:1300px){
	#pastor .heading {width:23.4%;}
		#pastor .heading3 {width:23.4%;}
			#content .heading {width:23.4%;}
		#content .heading3 {width:23.4%;}
.slider {height:400px;}
.slider figure img {height:400px;}	
#middle .left {float:left; width:43%; }
#middle .left img {width:100%;}
#middle .middle {width:57%; float:left;}
#middle .middle img {width:84%; float:left; margin-left:16%;}
#middle .right img {width:84%; margin-top:4px; float:right; margin-right:5px;} 
#middle .donate {width:17%;}
}
@media screen and (max-width:1200px){
#middle .left img {width:100%;}
#middle .middle img {width:84%; float:left; margin-left:16%; margin-top:10px;}
#middle .right img {width:89%; margin-top:4px; float:right; margin-right:5px;} 
}
@media screen and (max-width:1150px){
#top {width:100%; margin:0;}
#middle {width:100%; margin:23px 0 0 0;}
#topnav {width:100%; margin:147px 0 0 0;}
.slider {width:101%; margin:175px 0 0 -.5%; box-shadow: 0 0 0px black;}
#line {width:100%; margin:0 0 0 -.5%; box-shadow: 0 0 0px black;}
#pastor {width:101%; margin:-10px 0 0 -.5%; box-shadow: 0 0 0px black;}
#content1 {width:101%; margin:0 0 0 -.5%; box-shadow: 0 0 0px black;}
#about {width:101%; margin:165px 0% 0 -.5%; box-shadow: 0 0 0px black;}
#content {width:101%; margin:165px 0% 0 -.5%; box-shadow: 0 0 0px black;}
#headings {width:101%; margin:0px 0% 0 -.5%; box-shadow: 0 0 0px black;}
#contact {width:101%; margin:165px 0% 0 -.5%; box-shadow: 0 0 0px black;}
#footer {width:101%; margin:30px 0% 0 -.5%; }
#footer2 {width:101%; margin:0px 0% 0 -.5%; border-top:0px black solid; border-bottom:0px black solid;}
#middle .left img {width:90%;}
#middle .middle img {width:84%; float:left; margin-left:18%; margin-right:-2%; margin-top:-5px;}
#middle .right img {width:75%; margin-top:4px; float:right; margin-right:5px;} 
#middle .donate {width:16%;}
}	
@media screen and (max-width:1000px){
	#topnav .menu ul li a { font-size:105%;}
	#topnav .social ul { margin:5px 1% 0 0; }
	#pastor .heading {width:28%; height:300px;}
		#pastor .heading3 {width:28%; height:300px;}
		#pastor .heading2 {width:38%; height:290px;}
		#pastor .heading h2 { margin-top:40px; font-size:140%; }
#pastor .heading h5 { font-size:140%;  }
		#pastor .heading3 h2 { margin-top:40px; font-size:140%; }
#pastor .heading3 h5 { font-size:140%;  }
	#content .heading {width:28%; height:300px;}
		#content .heading3 {width:28%; height:300px;}
		#content .heading2 {width:38%; height:290px;}
		#content .heading h2 { margin-top:40px; font-size:140%; }
#content .heading h5 { font-size:140%;  }
		#content .heading3 h2 { margin-top:40px; font-size:140%; }
#content .heading3 h5 { font-size:140%;  }
#middle .left img {width:100%;}
#middle .middle img {width:85%; float:left; margin-left:18%; margin-right:-2%; margin-top:0px;}
#middle .right img {width:83%; margin-top:4px; float:right; margin-right:5px;} 
}

@media screen and (max-width:900px){
	#topnav .menu ul li a { font-size:100%;}
	#topnav .social ul { margin:5px 1% 0 0; }
	#topnav .social .fa-facebook {font-size:150%;  }
#topnav .social .fa-linkedin {font-size:150%;}
#topnav .social .fa-instagram {font-size:150%; }
#topnav .social { margin:4px 1% 0 0;}
#topnav .social {width:11%;}
	#about {height:1200px;}
	#about .about { height:900px;}
#topnav {display:none;}
#topnav2 {display:inline;}
.slider {margin-top:145px;}
#middle .left img {width:85%; margin-top:-15px;}
#middle .donate {margin-top:15px; }
#middle .donate {width:20%;}
}
@media screen and (max-width:850px){
		#topnav .menu ul li a { font-size:95%; font-weight:700;}
		#topnav .menu ul li { margin:0 38px 0 -20px; }
			#topnav .social .fa-facebook {font-size:140%;  }
#topnav .social .fa-linkedin {font-size:140%;}
#topnav .social .fa-instagram {font-size:140%; }
	#middle .left {float:left; width:45%; }
	#middle .right img {width:90%;}
	#footer .info ul li {width:100%; margin-bottom:35px; margin-top:30px; list-style:none; text-align:left;}
#footer2 .left p {font-size:80%; margin-left:15px;}
#footer2 .right p {font-size:80%; margin-right:15px;}
#headings .second {width:76%; margin:30px 12%;}
#headings .second .img {width:30%; height:140px;}
#contact .maps {width:100%;}
#contact .container {width:87%;}
#about .pic {display:none; }
#about .pic2 {display:none; }
#about {height:1200px;}
#about .about {float:left; height:1150px; width:98%;margin-left:.3%;}
#about .about h5 {text-align:center;}
#about .about img {display:inline;}
#headings { height:1600px; }
}

@media screen and (max-width:750px){
	#middle {display:none;}
	#middle2 {display:inline;}
	#middle2 .left {width:55%; margin-top:0px;}
	#middle2 .left img {width:90%; margin-top:-17px;}
	#middle2 .donate {margin-top:24px; width:22%;}
	#top2 {display:inline;}
	#top {display:none;}
	#middle2 .right img {width:70%;}
			#topnav2 .menu ul li a { font-size:95%; font-weight:700;}
		#topnav2 .menu ul li { margin:0 38px 0 -20px; }
		#headings .headings h1 {margin-top:155px;}
.slider {margin-top:145px;}
.slider {height:350px;}
.slider figure img {height:350px;}	
		#pastor .heading h2 { margin-top:40px; font-size:100%; }
#pastor .heading h5 { font-size:100%; margin:40px 7.5% 0 7.5%;  }
		#pastor .heading3 h2 { margin-top:40px; font-size:100%; }
#pastor .heading3 h5 { font-size:100%;  margin:40px 7.5% 0 7.5%;  }
	#pastor .heading {width:27.7%; height:200px;}
		#pastor .heading3 {width:27.7%; height:200px;}
		#pastor .heading2 {width:38%; height:190px;}
				#content .heading h2 { margin-top:40px; font-size:100%; }
#content .heading h5 { font-size:100%; margin:40px 7.5% 0 7.5%;  }
		#content .heading3 h2 { margin-top:40px; font-size:100%; }
#content .heading3 h5 { font-size:100%;  margin:40px 7.5% 0 7.5%;  }
	#content .heading {width:27.7%; height:200px;}
		#content .heading3 {width:27.7%; height:200px;}
		#content .heading2 {width:38%; height:190px;}
		#about .about { margin-top:0px;}
		#about { margin-top:145px;}
		#content {height:750px; margin-top:145px;}
		#contact {margin-top:95px;}
		#content h1 {margin-top:5px;}
		.sliders {width: 90%; margin: 0px 5%; }
		#headings { height:1450px; }
}

@media screen and (max-width:700px){
#footer .portals {display:inline; height:450px;}
#footer .portal {display:none;}
#footer .forms {display:none;}
#footer .info {width:50%; height:450px;}
.container {float:left; margin:70px 0% 20px 3%;}
#middle2 .left img {width:95%;}
#about {height:1300px;}
}
@media screen and (max-width:650px){
	#middle2 .donate {margin-top:24px; width:25%;}
	#headings .second .img { height:160px;}
}
@media screen and (max-width:600px){
										 #blog .blog { width:100%;}
									 #blog .blogger {width:60%; margin-left:20%; margin-right:20%;}
	#middle2 .left img {width:100%;}
	#middle2 .donate {margin-top:17px; width:28%;}
	#middle2 .right img {width:75%;}
	#middle2 {height:90px;}
	#topnav2 {margin-top:100px;}
	#headings {margin-top:-20px;}
	#content { margin-top:135px;}
	#about { margin-top:135px;}
	.slider {margin-top:135px;}
	.slider {height:270px;}
.slider figure img {height:270px;}
		#pastor .heading h2 { margin-top:40px; font-size:80%; }
#pastor .heading h5 { font-size:80%; margin:20px 7.5% 0 7.5%;  }
		#pastor .heading3 h2 { margin-top:40px; font-size:80%; }
#pastor .heading3 h5 { font-size:80%;  margin:40px 7.5% 0 7.5%;  }
	#pastor .heading {width:27.5%; height:180px;}
		#pastor .heading3 {width:27.5%; height:180px;}
		#pastor .heading2 {width:38%; height:170px;}
				#content .heading h2 { margin-top:40px; font-size:80%; }
#content .heading h5 { font-size:80%; margin:20px 7.5% 0 7.5%;  }
		#content .heading3 h2 { margin-top:40px; font-size:80%; }
#content .heading3 h5 { font-size:80%;  margin:40px 7.5% 0 7.5%;  }
	#content .heading {width:27.5%; height:180px;}
		#content .heading3 {width:27.5%; height:180px;}
		#content .heading2 {width:38%; height:170px;}
		#footer2 {width:98%; height:80px; border:6px #125e97 solid; box-shadow:0 0 0 black; }
		#footer2 .left {width:100%; text-align:center; }
		#footer2 .right {width:100%; float:left; text-align:center;  }
		#footer2 .right p {width:99.5%; text-align:center; float:left; margin:5px 0 0 .5%;}
	
}

@media screen and (max-width:550px){
			#topnav2 .menu ul li { margin:0 43px 0 -33px; }
			.slider-wrapper {height:300px;}
			#headings .second {width:94%; margin:30px 3%;}
            #headings .second img {width:30%; height:140px;}
			.container {float:left; margin:70px 0% 20px 2%;}
			#headings { height:1300px; }
			#footer {margin-top:0px;}
			#middle2 .donate {height:45px;}
			#middle2 .donate h3 {font-size:120%; margin-top:10px;}
			#about {height:1400px;}
			
}
@media screen and (max-width:500px){
	#line h2 {font-size:120%; margin-top:5px;}
	#line {height:40px;}
		#pastor .heading {display:none;}
		#pastor .heading3 {display:none;}
		#pastor .heading2 {width:80%; height:260px; margin:20px 10%;}
		#content .heading {display:none;}
		#content .heading3 {display:none;}
		#content .heading2 {width:80%; height:260px; margin:20px 10%;}
		#about {height:1400px;}
#about .about {float:left; height:1100px; width:98%;margin-left:.3%;}
#contact h3 {display:none;}
#content {height:850px;}
#middle2 .left {width:63%;}
}
@media screen and (max-width:450px){
		#topnav2 .menu ul li a { font-size:90%;}
		.slider {height:200px;}
.slider figure img {height:200px;}
	#middle2 .right img {width:80%;}
		#middle2 {height:70px;}
	#topnav2 {margin-top:80px;}
	.slider {margin-top:115px;}
	#headings {margin-top:-30px; height:1150px;}
	#about { margin-top:115px;}
	#content { margin-top:115px;}
	#contact { margin-top:85px;}
		#line h2 {font-size:100%; margin-top:5px;}
	#line {height:30px;}
			#pastor .heading2 {width:90%; height:240px; margin:20px 3.5%;}
			#pastor .heading2 img {width:40%; height:auto; margin-left:30%;}
			#content .heading2 {width:90%; height:240px; margin:20px 3.5%;}
			#content .heading2 img {width:90%; height:240px; margin:0 5%;}
					#footer {overflow:hidden; border:6px white solid; width:98%; box-shadow:0 0 0;}
	#footer .info {width:100%; box-shadow:0 0 0; border-bottom: 6px white solid;}
	#footer .info ul li {text-align:center; width:80%; margin-left:4%;}
	#footer .portals {width:100%; box-shadow:0 0 0;}
	#heading2 {box-shadow:0 0 0; width:100%;}
	#headings .second .img {width:30.4%; height:120px;}
	#contact .container {width:84%;} 
	.slider-wrapper {height:250px;}
	.container {float:left; margin:70px 0% 20px 3%;}
	#about .about h6 {font-size:88%;}
	#about .about img {width:50%; margin:10px 25%;}
	#about .about {height:1250px;}
	#about {height:1500px;}
	#middle2 .left {width:60%;}
				#middle2 .donate {height:40px; margin-top:13px;}
			#middle2 .donate h3 {font-size:100%; margin-top:10px; margin-left:10px;}

}
@media screen and (max-width:400px){
	#pastor .heading2 img {width:50%; height:auto; margin-left:25%; margin-top:-10px;}
		#topnav2 .menu ul li a { font-size:78%;}
		#topnav2 .menu ul li { margin:0 47px 0 -33px; }
		#headings { height:1150px; }
		#about .about h6 {font-size:82%;}
			#middle2 .right img {width:85%;}
			#middle2 .left {width:60%;}
			#middle2 .left img {margin-top:-10px;}
			#middle2 .donate {width:28%; height:35px; margin-top:16px;}
			#middle2 .donate h3 {font-size:90%; margin-top:9px; margin-left:10px;}
			#headings .second .img {width:30.3%; height:110px;}

}

@media screen and (max-width:370px){
		#topnav2 .menu ul li a { font-size:70%;}
		#topnav2 .menu ul li { margin:0 47px 0 -33px; }
			.container {float:left; margin:70px 0% 20px 2%;}
			#about .about h6 {font-size:75%;}
			#middle2 .left {width:65%;}
			#middle2 .donate {width:30%;}
			#headings .second .img {width:30.1%; height:100px;}
			#headings {height:1050px}
}

@media screen and (max-width:350px){
	#about {height:1600px;}
}
	
@-webkit-keyframes mymove {
    from {left: -4%;}
    to {left: 0%;}
}

@keyframes mymove {
    from {left: -4%;}
    to {left: 0%;}
}									

@-webkit-keyframes objectmove{
	0%   {left:0%; }
	
	10%  {left:0%;}
	
	12%  { left:0%;}
	
	22%  { left:-100%;}
	
	24% { left:-100%; }
	
	34%  {left:-100%;}
	
	36%  {left:-100%;}
	
	46%  {left:-200%;}
	
	48%  {left:-200%;}
	
	58%  {left:-200%;}
	
	60%  {left:-200%;}
	
	70%  {left:-200%;}
	
	72%  {left:-200%;}
	
	82%  {left:-100%;}
	
	84%  {left:-100%;}
	
	94%  {left:0%;}
	
	96%  {left:0%;}
	
	
}	

@keyframes objectmove{
	0%   {left:0%; }
	
	10%  {left:0%;}
	
	12%  { left:0%;}
	
	22%  { left:-100%;}
	
	24% { left:-100%; }
	
	34%  {left:-100%;}
	
	36%  {left:-100%;}
	
	46%  {left:-200%;}
	
	48%  {left:-200%;}
	
	58%  {left:-200%;}
	
	60%  {left:-200%;}
	
	70%  {left:-200%;}
	
	72%  {left:-200%;}
	
	82%  {left:-100%;}
	
	84%  {left:-100%;}
	
	94%  {left:0%;}
	
	96%  {left:0%;}
	
}									

/*End*/