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


	
h1  {font-family: 'figtree', sans-serif; font-weight:900; letter-spacing:2px; font-size:60px; color: #000000; margin-bottom:30px;  line-height:1.3em;}

h3 {font-family: 'oswald', sans-serif; color:#000; line-height:1.3em; font-weight:900; font-size:40px; margin-bottom:20px; text-transform:uppercase;}
	 
	h2  {font-family: 'figtree', sans-serif; font-weight:900; font-size:40px; color: #000; margin-bottom:30px;  line-height:1.2em; }

h4  {font-family: 'figtree', sans-serif; font-weight:900; font-size:26px; color: #000; margin-bottom:30px;  line-height:1.2em; }


	p, li {font-family: 'figtree', sans-serif; font-size: 18px; color:#000; font-weight:300; line-height:1.7em; }

.stat   {font-family: 'figtree', sans-serif; font-weight:900; font-size:46px; color: #000;  line-height:1.5em; margin-bottom:0px; }
.scripture:hover {background-color:#d6503e !important;}
.larger {font-size:26px; font-weight:400; line-height:1.3em;}
.date {font-size:12px; color:#fff; font-family:'oswald', sans-serif; text-transform:uppercase;}
.footer {font-size: 14px;}
.footer a {color:#d6503e;}
.pink {color:#d6503e;}
.blue {color:#68bed8;}
.highlight {background-color:yellow; font-weight:600;}
.shade span {background-color: #000;
  padding: 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 2em;

}


.partner {text-align:center;}
.image {max-width:90% !important; text-align:center;}
.image2 {max-width:70%; text-align:center;}

strong {font-weight:900;}
	.number {

font-size: 46px;
			font-family:'oswald';
    color: #fff;
    font-weight: 900;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    line-height: 180px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    padding: 0 20px 0 20px;
    background-color: #68bed8;
			border: solid #d6503e 5px;}


.byline {font-size:14px; color:#000; font-family:'oswald', sans-serif; text-transform:uppercase;}
	
	.news a {color:#d6503e; font-weight:600;}
	.news a:hover {color:#68bed8;}

.homenav {position: absolute; z-index: 20; top: 0px; right:100px;}
.fixed-top {position: absolute !important; top: 0px !important; }


.nav-link  {color:#d6503e !important;   font-size:16px !important;  text-align: right !important;  font-family: 'figtree' !important; font-weight: 600;} 

.navbar-toggler {color:#000 !important;}
.nav-item {line-height:1.3em !important;  margin-right:20px; }

a.nav-link:hover {color: #68bed8 !important;}
a.button:hover {text-decoration: none !important;}
.buttonlink {color:#fff !important; font-size:18px !important; padding:10px; text-align:left !important; font-family:'figtree';}


.modal {top:25% !important;}
.modal-content { border-radius:0px !important; background-color:#fff !important;}
.modal-header {border-bottom: 0px !important;}
 .btn  {font-size: 1.3rem;  color:#fff; font-weight:600; font-family:'oswald',}
.btn2 {font-family:oswald; color:#fff; padding:10px; font-size:20px; font-weight:800;  background-color: #000;   border-radius: 0px;}
.btn2:hover {background-color:#d6503e; color:#fff; text-decoration:none;}

.carousel-control-prev-icon { filter: invert(100%);}
.carousel-control-next-icon { filter: invert(100%);}
.carousel-inner {
  padding: 2rem;
  margin: auto;
}

.carousel-indicators {
  margin-bottom: 0;
}

.carousel-control-next, .carousel-control-prev {
  width: 2rem;
}
.intro {background-image:url(hexagon.png); background-repeat: no-repeat; background-position: top right; } 
.hero {width:100%;}
.slide { padding: 20px;}
.slidetext {font-size:16px;}
.slide img {width:90%;  }
.nav-link {text-align:right;}
.btn:hover  {background-color: #d6503e;}
.btn-danger:hover, .btn-danger:active   {background-color: #d6503e !important;}
.btn-danger {background-color: #d6503e; font-family: 'oswald';}
.quote2 {margin-left:10px; font-size:16px; }
a {color:#d6503e;}
a:hover {color:#68bed8;}
.quote::before {
		content: "";
		width: 20%;
		height: 10px;
		background: #d6503e;
	display:block;
		margin: 0 10px 20px 0;
	}


.card {background-color: #f0f0f0; border:0px;}
.video-container{overflow:hidden;position:relative;width:100%}.video-container:after{padding-top:56.25%;display:block;content:''}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


.quote2::before {
content: '\201C';
background: transparent;
position:relative;
top:30px;
left:-10px;
float:left;
color: #f3c000;
font-size: 200px;
z-index: 9;
font-family:georgia;}


header {
  position: relative;
  height: 75vh;
  min-height: 50rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 3;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
 background-color:#000;
 opacity: 0.4; /* Standard compliant browsers */
   -moz-opacity: 0.4; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.4; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=40); /* For IE8 and earlier */
  z-index: 1;
}




/* 
 ##Device = Low Resolution Tablets, Mobiles (Landscape)
 ##Screen = B/w 481px to 767px
*/
	/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (min-width: 768px) and (max-width: 2000px) {
		
		
			
			.mobile {display:none;}
	.floater {float:right; width:40%;}
	
	.bubble { display: flex; flex-direction: row-reverse ;}
		}

	@media (min-width: 481px) and (max-width: 767px) {
		
		
			.hero {width:100%;}
			h1 {font-size:48px !important;}
			h3 {font-size:40px;}
			.desktop {display:none;}
			.rounded-circle {width:50%;}
		.footer {text-align:center;}
			
	.floater {float:none; width:100%; padding:20px;}
		.heading {text-align:center;}
		.logo {width:60%;}
		.logo2 {width:30%;}
		
			.stat {font-size:24px;}
				.stats {font-size: 14px; line-height:1em; }
		}
	
	/* 
 ##Device = Most of the Smartphones Mobiles (Portrait)
 ##Screen = B/w 320px to 479px
*/
	
	@media (min-width: 300px) and (max-width: 480px) {
	
		
	.desktop {display:none;}
		.hero {width:100%;}
	h1 {font-size:48px !important;}
		h3 {font-size:40px;}
		.floater {float:none; width:100%; padding:20px;}
		.footer {text-align:center;}
		.rounded-circle {width:50%; }
		.heading {text-align:center;}
		.logo {width:60%; }
		
		.stat {font-size:22px;}
		.stats {font-size: 14px; line-height:1em;}
	}