@charset "utf-8";
/* CSS Document */
html { 
  background:transparent ; 
	
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h2
{font-family: arial;
color: #1f3951;
size:4rem;}

h3
{font-family: arial;
color: #0f6cce;
	font-weight:bold;
size:3rem;}

.greyBack
{   background-color: #e9e9e9!important; 
	padding:3% 0 0 0;
	
}
.greyBackNone
{   background-color: #e9e9e9!important; 
	padding:1% 0 2% 0;
	
}
.greyBackZero
{   background-color: #e9e9e9!important; 
	padding:0 0 0 0;
	
}
.blueBackZero
{   background-color: rgb(31,57,81)!important; 
	padding:0 0 0 0;
	
}







p
{font-family: arial;
color: #1f3951;}

.printSpec
{text-align:right; font-size:1.2vw;}


@media only screen and (max-width: 767px) {
	.printSpec {  text-align:center;}
}


.printSpecC
{text-align:right; font-size:1.2vw;}

@media only screen and (max-width: 767px) {
	.printSpecC {  font-size:15px; text-align:center;}
}

@media only screen and (max-width: 2300px) {
	.smallFrame {width:auto; height:525px;}
}
@media only screen and (max-width: 2200px) {
	.smallFrame {width:auto; height:475px;}
}
@media only screen and (max-width: 2100px) {
	.smallFrame {width:auto; height:485px;}
}
@media only screen and (max-width: 2000px) {
	.smallFrame {width:652px; height:435px;}
}
@media only screen and (max-width: 1600px) {
	.smallFrame {width:525px; height:auto;}
}
@media only screen and (max-width: 1300px) {
	.smallFrame {width:500px; height:auto;}
}
@media only screen and (max-width: 767px) {
	.smallFrame {width:600px; height:auto; padding-left:15%; text-align:center;}
}



@media only screen and (max-width: 2700px) {
	.smallFrameE {width:auto; height:200%; padding:10% 0 0 0;}
}

@media only screen and (max-width: 2600px) {
	.smallFrameE {width:auto; height:950px; padding:4% 0 0 0;}
}
@media only screen and (max-width: 2500px) {
	.smallFrameE {width:auto; height:950px; padding:4% 0 0 0;}
}
@media only screen and (max-width: 2400px) {
	.smallFrameE {width:auto; height:950px; padding:4% 0 0 0;}
}
@media only screen and (max-width: 2300px) {
	.smallFrameE {width:auto; height:975px; padding:4% 0 1% 0;}
}
@media only screen and (max-width: 2200px) {
	.smallFrameE {width:auto; height:935px; padding:7% 0 2% 0;}
}
@media only screen and (max-width: 2100px) {
	.smallFrameE {width:auto; height:900px; padding:6% 0 0 0; }
}
@media only screen and (max-width: 2000px) {
	.smallFrameE {width:auto; height:860px; padding:5% 0 1% 0;}
}
@media only screen and (max-width: 1900px) {
	.smallFrameE {width:auto; height:810px; padding:5% 0 5% 0;}
}
@media only screen and (max-width: 1800px) {
	.smallFrameE {width:auto; height:795px; padding:5% 0 0% 0;}
}
@media only screen and (max-width: 1700px) {
	.smallFrameE {width:auto; height:775px; padding:5% 0 2% 0;}
}
@media only screen and (max-width: 1600px) {
	.smallFrameE {width:auto; height:760px;padding:5% 0 2% 0;}
	
}
@media only screen and (max-width: 1500px) {
	.smallFrameE {width:auto; height:755px;padding:5% 0 0 0;}
}
@media only screen and (max-width: 1400px) {
	.smallFrameE {width:auto; height:735px;padding:5% 0 0 0;}
}

@media only screen and (max-width: 1300px) {
	.smallFrameE {width:auto; height:715px;padding:5% 0 4% 0;}
}
@media only screen and (max-width: 1200px) {
	.smallFrameE {width:auto; height:675px;padding:5% 0 2% 0;}
}
@media only screen and (max-width: 1100px) {
	.smallFrameE {width:auto; height:630px;padding:5% 0 2% 0;}
}

@media only screen and (max-width: 1000px) {
	.smallFrameE {width:auto; height:575px;padding:5% 0 2% 0;}
}
@media only screen and (max-width: 900px) {
	.smallFrameE {width:auto; height:500px;padding:5% 0 2% 0;}
}
@media only screen and (max-width: 800px) {
	.smallFrameE {width:auto; height:455px;padding:5% 0 0 0;}
}
@media only screen and (max-width: 767px) {
	.smallFrameE {width:600px; height:auto; padding-left:15%; text-align:center;}
}



.bigSub
{font-size:1.4vw;}

@media only screen and (max-width: 767px) {
	.bigSub {font-size:18px;}
}

.bigSubR
{font-size:1.1vw;}

@media only screen and (max-width: 767px) {
	.bigSubR {font-size:3vw; }
}







.bigSubA
{font-size:1.1vw;}


@media only screen and (max-width: 1500px) {
	.bigSubA {font-size:1.2vw;}
}
@media only screen and (max-width: 1400px) {
	.bigSubA {font-size:1.2vw;}
}

@media only screen and (max-width: 1300px) {
	.bigSubA {font-size:1.2vw;}
}

@media only screen and (max-width: 1200px) {
	.bigSubA {font-size:1.2vw;}
}
@media only screen and (max-width: 1100px) {
	.bigSubA {font-size:1.2vw;}
}
@media only screen and (max-width: 1000px) {
	.bigSubA {font-size:1.2vw;}
}

@media only screen and (max-width: 900px) {
	.bigSubA {font-size:1.1vw;}
}
@media only screen and (max-width: 800px) {
	.bigSubA {font-size:1vwpx;}
}
@media only screen and (max-width: 767px) {
	.bigSubA {font-size:18px;}
}




	
.bigSubF
{font-size:1.6vw;padding:2% 0 2% 0;}

@media only screen and (max-width: 767px) {
	.bigSubF {font-size:3.1vw;}
}



.midTitle
{font-size:4vw;
	color:#ffffff; 
	font-weight:bold;
	
padding:0 0 1% 0;
	
 }

@media only screen and (max-width: 767px) {
	.midTitle {  text-align:center;font-size:6vw;}
}


.midTitleBlue
{font-size:4vw;
	color:rgb(31,57,81); 
	font-weight:bold;
	
padding:0 0 0 0;
	
 }

@media only screen and (max-width: 767px) {
	.midTitleBlue {  text-align:center;font-size:6vw;}
}












.textAlignTitle
{ margin:0 0 0 40%;  font-size:1vw;}



@media only screen and (max-width: 767px) {
	.textAlignTitle {  font-size:1.5vw; margin:0 2% 2% 2%;}
}

@media only screen and (max-width: 800px) {
	.textAlignTitle {  font-size:1.5vw; margin:0 2% 2% 2%;}
}

 

.textAlignNewsBig
{text-align:left; margin:0 10% 0 2%; font-weight:bold; font-size:1.3vw; line-height:1.1em;}



@media only screen and (max-width: 767px) {
	.textAlignNewsBig {  text-align:left;font-size:3vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; }
}
@media only screen and (max-width: 800px) {
	.textAlignNewsBig {  text-align:left;font-size:3vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; }
}

.textAlignBigTitle
{ margin:0 0 0 40%;  font-weight:bold; font-size:1.3vw; line-height:1.1em;}



@media only screen and (max-width: 767px) {
	.textAlignBigTitle {    font-size:1vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; }
}
@media only screen and (max-width: 800px) {
	.textAlignBigTitle{  text-align:center;font-size:3vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; }
}





.textAlignNews
{text-align:left; margin:0 10% 0 2%;  font-size:1vw; line-height:1.4em}



@media only screen and (max-width: 767px) {
	.textAlignNews {  text-align:left;font-size:3vw; margin:0 2% 2% 2%;}
}




.textFeed
{text-align:justify; margin:0 13% 0 2%; padding-bottom:2%; font-size:0.8vw;}



@media only screen and (max-width: 767px) {
	.textFeed {  text-align:justify;font-size:3vw; margin:0 2% 2% 2%;}
}
@media only screen and (max-width: 800px) {
	.textFeed {  text-align:justify;font-size:1.8vw; margin:0 2% 2% 2%;}
}



.printPad
{text-align:justify; margin:0 0 0 50%; font-size:1vw;}



@media only screen and (max-width: 767px) {
	.printPad {  text-align:center;font-size:2vw;}
}



.normalPrint
{color: #1f3951;
font-size:100%;
}

.morenormalPrint
{color: #1f3951;
font-size:125%;}

.abnormalPrint
{color: #1f3951;
font-size:125%;
font-weight:bold;}

.smallPrint
{font-size: 75%; color: #1f3951; }


.pillBox
{   background:#ffffff; 
	border:1px solid #1f3951; 
	border-radius:5px; 
	width:55%;
padding: 3px 0 3px 0;
}


@media only screen and (max-width: 767px) {
	.pillBox {  background:#ffffff; 
	border:1px solid #1f3951; 
	border-radius:5px; 
	width:100%;
		font-size:13px;
		clear:inherit;
		
		
 }
}





.bigContext
{
	font-size:4rem; 
	font-weight:bold;
	text-align:right;
	margin-top:8%;
	padding-right:2%;
	
	
}




.bigContextLeft
{
	font-size:4rem; 
	font-weight:bold;
	
	margin-top:8%;
	padding-right:2%;
	
	
}



@media only screen and (max-width: 767px) {
	.midContext { font-size:3rem; 
	font-weight:bold;
	text-align:center;
	margin-top:8%;
	padding-right:2%; }
}

@media only screen and (max-width: 767px) {
	.midContextSmall { font-size:1.5rem; 
	text-align:center;}
}





.mRight
{padding-right:2%;}

.mLeft
{padding-left:2%;}


.mLeftA
{padding-left:15%;}

.mLeftB
{padding-left:20%;}

@media only screen and (max-width: 767px) {
	.mleftB { padding-left:5%; }
}

.vl {
  border-left: 1px solid #1f3951; height:100%; 
  
}


@media only screen and (max-width: 767px) {
	.vl { border-right: 0px solid #1f3951;
  height: 360px; }
}



.topLink
{color:#ffffff;text-decoration:none;size:90px;}

.topLink a
{text-decoration:none;size:90px;}
  

.header {
   position: fixed;
    width: 100%;
    height: 5px;
    
   
}

.footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#000000;
  border-bottom:1px solid #ffffff;
}

/* IE 6 */
* html .footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}


.clearfix{
  
    
    margin-left: auto;
    margin-right: auto;
    border: 0;
    overflow:hidden;
  scrollbars: none;
}

.navi
{
  
 background:#17375e;
  color:#ffffff;
  font-family:arial;
  font-weight:bold;
  font-size:20px;
  padding:15px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-top:1px solid #ffffff;

  }




.floatdown {
    position: relative;
    top: 10px;
    
}

.aligner
{margin-left:auto;
  margin-right:auto;}

.columns {
  background:#cccccc;
  height:80px;
  float: left;
  width: 25%;
  border: 1px solid #000000;margin-left:auto;
  margin-right:auto;
}

/* Clear floats after the columns */
.rows:after {
  content: "";
  display: table;
  clear: both;
}
.flex-container {
  display: flex;
  flex-direction: row;
 justify-content: center;}

.flex-container > div {
  background-color: #ec482f;
  width: 185px;
  margin: 10px;
 padding-left:8px;
  padding-top:10px;
  line-height: 1.2;
  font-size: 28px;
  color:#ffffff;
  min-height: 35px;
   opacity: 0.9;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  border-radius:3px;
    -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  
}

.single-container {
  display: flex;
  flex-direction: row;
 justify-content: center;}


.single-container > div {
  background-color: #17375e;align:justify;
  width: 75%;
  margin: 10px;
 padding-left:12px;
  padding-right:12px;
  padding-top:10px;
  line-height: 1.5;
  font-size: 90%;
  color:#ffffff;
  min-height: 200px;
   opacity: 0.9;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  border-radius:3px;
    -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  
}

.list-container {
  display: flex;
  flex-direction: row;
 justify-content: center;}


.list-container > div {
  background-color: #17375e;
  width: 55%;
  margin: 10px;
 padding-left:12px;
	padding-right: 12px;
  padding-top:10px;
  line-height: 1.8;
  font-size: 90%;
  color:#ffffff;
  min-height: 200px;
   opacity: 0.9;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  border-radius:3px;
    -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  
}



.tableBox
{background:#fefefe;
  font-size:13px;
  font-weight:bold;
  width:250px;
  height:85px;
  border-radius:3px;
  Padding-top:10px;
  line-height:1.2;
  -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  }


 .tableBoxAdd
{background:#fefefe;
 
  font-size:13px;
  font-weight:bold;
  width:250px;
  height:85px;
  border-radius:3px;
  Padding-top:22px;
  line-height:1.2;
  -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  }


.listHeader
{
	padding:10px; 
	margin-top: 5px; 
	background: #253779; 
	border-radius: 4px; 
	font-size: 16px;
}

.flex-container2 {
  display: flex;
  flex-direction: row;
 justify-content: center;}

.flex-container2 > div {
  background-color: #000000;
  width: 850px;
  margin: 10px;
 padding-left:8px;
  padding-top:10px;
  line-height: 1.2;
  font-size: 28px;
  color:#ffffff;
  min-height: 50px;
   opacity: 0.9;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  border-radius:3px;
    -webkit-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 5px 0px rgba(0,0,0,0.75);
  
}

.vidcontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 1%; /* 16:9 Aspect Ratio */
	padding-bottom:2%;
}

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

/* Page Background Images */
/*.bigBack {margin:0% 0 0 0; background: #000000   url("https://www2.myflfamilies.com/faith/images/SOTS 23.jpg") no-repeat center center;min-height:925px;}*/

/*.aboutUs  {background: #000000  url("https://www2.myflfamilies.com/faith/images/aboutUs.jpg")  no-repeat center center; min-height: 100vh; min-width:100vh;}*/

/*.mainPage {background: #000000  url("https://www2.myflfamilies.com/faith/images/mainImage.jpg")  no-repeat center center; min-height: 925px;}*/

.locateMe {background: #000000  url("https://www2.myflfamilies.com/hopeflorida/images/aboutHopeFlorida.jpg")   no-repeat center center;min-height: 500px;}

.giveHelp {background: #000000  url("https://www2.myflfamilies.com/hopeflorida/images/giveHelpBanner.jpg")  no-repeat center; min-height: 680px;}


@media only screen and (max-width: 767px) {
	.bigBack { background: url("https://www2.myflfamilies.com/faith/images/contactSmall.jpg") no-repeat center center; min-height: 300px;  }
}
@media only screen and (max-width: 767px) {
	.aboutUs { background: url("https://www2.myflfamilies.com/faith/images/aboutUsSmall.jpg") no-repeat center; min-height: 300px;  }
}
@media only screen and (max-width: 767px) {
	.giveHelp { background: url("https://www2.myflfamilies.com/hopeflorida/images/giveHelpBanner.jpg") no-repeat center; min-height: 300px;  }
}
@media only screen and (max-width: 767px) {
	.aboutFace { background: url("https://www2.myflfamilies.com/hopeflorida/images/locations.jpg") no-repeat center; min-height: 300px;  }
}
@media only screen and (max-width: 767px) {
	.locateMe { background: url("https://www2.myflfamilies.com/hopeflorida/images/aboutHopeFlorida.jpg") no-repeat center; min-height: 300px;  }
}
.pageTop
{
	width:25%;
}

@media only screen and (max-width: 767px) {
	.pageTop { width: 100%; font-size:25px; }
}
.secAbout
{
	width:inherit;
}




@media only screen and (max-width: 767px) {
	.smallImg { width: 150px; height: 75px; }
}

@media only screen and (max-width: 767px) {
	.topImg { width: 265px; height: 60px; }
}

@media only screen and (max-width: 767px) {
	.smallImg2 { width: 150px; height: 63px; }
}


@media only screen and (max-width: 767px) {
	.smallImg3 { width: 400px; height: 267px; margin:0% 0 0 10%; }
}

@media only screen and (max-width: 767px) {
	.smallImg4 {   height: 450px; margin-left:15%; }
}

@media only screen and (max-width: 800px) {
	.smallImg4 { width: 200px; height: 235px; margin:1% 0 1% 20%; }
}

@media only screen and (max-width: 1806px) {
	.smallImg4 { width: 575px; height: 675px; margin:5% 2% 0 10%; }
}
@media only screen and (max-width: 1300px) {
	.smallImg4 { width: 426px; height: 500px; margin:1% 1% 1% 20%; }
}




@media only screen and (max-width: 2300px) {
	.smallImg5 { width: 60px; height: 63px; padding-bottm:10px; }
}

@media only screen and (max-width: 806px) {
	.smallImg5 { width: 27px; height: 30px; }
}



@media only screen and (max-width: 767px) {
	.secAbout { width: 100%; }
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 25%;
	padding:3px;border:1px solid #000000;color:#ffffff; border-radius:6px;
}
}
.span_3_of_4 {
	width: 25%;
}
.span_2_of_4 {
	width: 25%;
}
.span_1_of_4 {
	width: 25%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/*  GO FULL WIDTH BELOW 767 PIXELS */
@media only screen and (max-width: 767px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/* Boxes and Cards */

	

.buttonBox {color:#ffffff;
	 border-radius:4px; border:1px solid #cadae8;background-color:#36607a;-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}
	 .buttonBox:hover
{background-color:#AEC7E5;}


.altrow{
	background-color:#e7feff;
}

.topSpan
{
	padding-top:100px;
}
.topSpanTwo
{
	margin-top:25px;
}

.bottom25
{padding-bottom:25px;
}

.collapsible {
	background-color: #ffffff;
  	color: #000000;
	cursor: pointer;
  	padding: 10px;
  	width: 100%;
  	text-align: left;
  	outline: none;
	border:none;  
}
.active, .collapsible:hover {
  	background-color: transparent;
}
.boxcontent {
	 padding: 25px;
  	display: none;overflow: visible;
  	background-color: #cccccc;
	width:100%;
	margin:0;
	
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.collapseTwo {
	border:1px solid #e4e4e4; 
	border-radius:6px; 
	-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.75); 
	-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.75); 
	background-color:#ffffff; border-radius:6px; 
	min-height:300px; width:48%;margin: 1% 1% 1% 1%;
}
.boxTer
{
	font-size:6vw;
	padding:8px 8px 6px 5px; 
	background-color: transparent;
	margin:3% 0% 0 23%;
	color:#ffffff; 
	width:75%;
	 position: absolute;
  top: 75%;
	left:40%;
  
  transform: translate(-75%, -30%);
}
.boxTer2
{
	font-size:6vw;
	color:#ffffff; 
	font-weight:bold;
	
	padding:8px 0px 6px 10%; 
	background-color: transparent;
	margin:3% 0% 0 15%;
	
	 position: absolute;
  top: 72%;
	left:43%;
  
  transform: translate(-65%, -10%);
}
.boxTerC
{
	font-size:7vw;
	color:#ffffff; 
	font-weight:bold;
	
	padding:8px 0px 6px 10%; 
	background-color: transparent;
	margin:3% 0% 0 15%;
	
	 position: absolute;
  top: 72%;
	left:43%;
  
  transform: translate(-65%, -10%);
}


.boxTer3
{
	font-size:3vw;
	padding:8px 8px 6px 5px; 
	background: transparent url("https://www2.myflfamilies.com/hopeflorida/images/HFMainLogo.png") no-repeat;
	margin:3% 0% 0 23%;color:#ffffff; 
	width:100%;
	height:100%;
	 position: absolute;
  top: 45%;
	left:67%;
  
  transform: translate(-50%, -30%);
}

.boxTerT
{
	font-size:5vw;
	color:#ffffff; 
	font-weight:bold;
	
	padding:8px 0px 6px 10%; 
	background-color: transparent;
	margin:3% 0% 0 15%;
	
	 position: absolute;
  top: 75%;
	left:43%;
  
  transform: translate(-65%, -30%);
}



/*@media only screen and (max-width: 767px) {
	.boxTer { width:90%; font-size:2vw; left:50%; top:80%;  }
}
@media only screen and (max-width: 1148px) {
	.boxTer2 {  font-size:4vw; left:60%;top:70%; padding:3% 0 0 0; }
}

@media only screen and (max-width: 1680px) {
	.boxTer2 {  font-size:4vw; left:60%;top:55%; padding:3% 0 0 0; }
}

@media only screen and (max-width: 767px) {
	.boxTer2 {  font-size:0; left:42%;top:55%; padding:3% 0 0 0; }
}*/
@media only screen and (max-width: 1476px) {
	.boxTer2 {  font-size:0; left:42%;top:65%; padding:3% 0 0 0; }
}



.img-fluid-sig { width:12vw; }
.img-fluid-logo {width:6vw;}

.contentArea
{font-size:1.2vw;
color:#000000;
margin:0 8% 0 8%;}

@media only screen and (max-width: 767px) {
	.contentArea { width: auto; font-size:4vw; padding:3% 0 0 0;margin:0 2% 0 2%; }
}
.contentArea2
{font-size:0.9vw;
	line-height:1.2em;
color:#000000;
margin:0 8% 0 8%;}

@media only screen and (max-width: 767px) {
	.contentArea2 { width: auto; font-family:arial; font-size:4vw; padding:3% 0 0 0;margin:0 2% 0 2%; }
}




@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

.namePlate
{    font-size:3vw;
	padding:8px 8px 6px 5px; 
	background-color: transparent;
	margin:3% 0% 0 3%;color:#ffffff; 
	
	 position: absolute;
  top: 20%;
	left:25%;
  
  transform: translate(-65%, -30%);}

@media only screen and (max-width: 767px) {
	.namePlate {  padding:3% 0 0 0; }
}
.titleBox
{background:rgba(54,69,79, 0.5); border:1px solid #191313;color:#ffffff; font-size:3vw; width:100%; border-radius:6px; padding:5px 6px 9px 7px; }


@media only screen and (max-width: 767px) {
	.titleBox { width: 100%; font-size:7vw; padding:0.5% 0% 0 0%; margin:25% 0 0 50%; }
}

.titleBoxAlt
{background:rgba(54,69,79, 0.5); border:1px solid #191313;color:#ffffff; font-size:2vw; width:50%; border-radius:6px; padding:10px 0 0 0 ; }


@media only screen and (max-width: 767px) {
	.titleBoxAlt { width: 100%; font-size:30px; padding:3% 0 0 0 }
}

.titleBoxPad
{background:rgba(54,69,79, 0.5); border:1px solid #191313;color:#ffffff; font-size:3vw; width:160%;padding-top:.2em; border-radius:6px; }


@media only screen and (max-width: 767px) {
	.titleBoxPad { width: 160%; font-size:7vw; padding:3% 0 0 0; margin:25% 0 0 60%; }
}

.titleBoxFL
{background:rgba(54,69,79, 0.5); border:1px solid #191313;color:#ffffff; font-size:3vw; width:120%;padding-top:.2em; border-radius:6px; }


@media only screen and (max-width: 767px) {
	.titleBoxFL { width: 120%; font-size:7vw; padding:3% 0 0 0; margin:25% 0 0 60%; }
}




.namePlatePad
{    font-size:3vw;
	padding:8px 8px 6px 3px; 
	background-color: transparent;
	margin:3% 0% 0 3%;color:#ffffff; 
	
	 position: absolute;
  top: 20%;
	left:15%;
  
  transform: translate(-65%, -30%);}

@media only screen and (max-width: 767px) {
	.namePlatePad {  padding:3% 0 0 20%; }
}




.namePlateFL
{    font-size:3vw;
	padding:8px 8px 6px 3px; 
	background-color: transparent;
	margin:3% 0% 0 3%;color:#ffffff; 
	
	 position: absolute;
  top: 20%;
	left:25%;
  
  transform: translate(-65%, -30%);}

@media only screen and (max-width: 767px) {
	.namePlateFL {  padding:3% 0 0 7%; left:10%; }
}






.pageIntroWide
 {
	 color:#000000;
	 font-size:2vw;
	 font-family:arial;
	 font-weight:bold;
	 line-height:1.1em;
	 margin:3% 0% 0 2%; 
	 width:600%;
	 position: absolute;
     top: 190%;
	 left:1%;
}


@media only screen and (max-width: 767px) {
	.pageIntroWide {font-size:3vw;width:200%; padding:3% 0 0 20%; left:20%;  top: 90%; }
}



.pageIntro
 {
	 color:#000000;
	 font-size:2vw;
	 font-family:arial;
	 font-weight:bold;
	 line-height:1.1em;
	 margin:3% 0% 0 2%; 
	 width:500%;
	 position: absolute;
     top: 190%;
	 left:1%;
}


@media only screen and (max-width: 767px) {
	.pageIntro {font-size:3vw;width:200%; padding:3% 0 0 20%; left:20%;  top: 90%; }
}
.pageIntroPad
 {
	 color:#000000;
	 font-size:2vw;
	 font-family:arial;
	 font-weight:bold;
	 line-height:1.1em;
	 margin:3% 0% 0 2%; 
	 width:300%;
	 position: absolute;
     top: 260%;
	 left:1%;
}


@media only screen and (max-width: 767px) {
	.pageIntroPad {font-size:3vw;width:150%; padding:3% 0 0 20%; left:20%;  top: 90%; }
}

.responsive {
  max-width: 100%;
  height: auto;
}

.bottomLink
 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important;
	text-decoration: none;
}

.bottomLink hover
{text-decoration:underline;}


.hrNews
{width:75%; margin: 0 0 3% 7%; border:1px solid #000000;}


.hrFaith
{width:60%; margin-left:20%; border:1px solid #000000}



.hrFaith2
{width:100%; margin-left:0%; border:1px solid #B3B0B0}

@media only screen and (max-width: 767px) {
	.hrFaith2 {font-size:3vw; width:70%; margin:0 2% 2% 15%; }
}

.hrFaithM
{width:100%;  border:1px solid #ffffff}

.newsDate
{font-size:0.8vw;
font-style: italic;
}

@media only screen and (max-width: 767px) {
	.newsDate {font-size:3vw; padding:0 4% 0% 0; }
}


@media only screen and (max-width: 800px) {
	.newsDate {font-size:1.5vw; padding:0 4% 0% 0; }
}

.boxOne {
	padding:5px;border:0; color:#000000;   background:transparent; text-align: left;}

.boxTwo {
	padding:5px;border:0; color:#000000;  min-height:350px; background:transparent; text-align: left;}

.boxThree {
	padding:5px;border:0; color:#000000;    background:transparent; text-align: left;}

.boxFour {
	padding:5px;border:0; color:#000000; min-height:350px;   background:transparent; text-align: left;}




@media (min-width: 400px) {.whiteFont
{color:#ffffff;
font-size:12px;
text-align: left;}
}

@media (min-width: 500px) {.whiteFont
{color:#ffffff;
font-size:12px;
text-align: left;}
}



@media (min-width: 600px) {.whiteFont
{color:#ffffff;
font-size:12px;
text-align: left;}
}

@media (min-width: 768px) {.whiteFont
{color:#ffffff;
font-size:13px;
text-align: left;}
}


@media (min-width: 992px) {.whiteFont
{color:#ffffff;
font-size:15px;
text-align: left;}
}

@media (min-width: 1200px) {.whiteFont
{color:#ffffff;
font-size:16px;
text-align: left;}
}


@media (min-width: 1400px) {
	.whiteFont
{color:#ffffff;
font-size:18px;
text-align: left;}
}

.noLine
{text-decoration:none;
white-space: nowrap;
}


.titleHolder
{
margin-left:1%;
	
	
}







.mainName
{
	font-size:1.1vw;
	font-weight:bold; 
	color:#ffffff; 
	font-familiy:arial;
}
	
.mainTitle
{
	font-size:1.5vw; 
	font-weight:bold; 
	color:#ffffff; 
	font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif';
}


/*@media (min-width: 1319px) {.mainName { font-size:0.8vw;  line-height:1em; } }
@media (min-width: 1319px) {.mainTitle { font-size:1.1vw;  } }

@media (min-width: 1395px) {.mainName { font-size:1vw;  line-height:1em; } }
@media (min-width: 1395px) {.mainTitle { font-size:1.1vw;  } }

/*@media (min-width: 1500px) {.mainName { font-size:1vw;  line-height:1em; } }
@media (min-width: 1500px) {.mainTitle { font-size:1.4vw;  } }

@media (min-width: 1600px) {.mainName { font-size:0.9vw; line-height:1em; } }
@media (min-width: 1600px) {.mainTitle { font-size:1vw;  } }

@media (min-width: 1700px) {.mainName { font-size:0.9vw; line-height:1em; } }
@media (min-width: 1700px) {.mainTitle { font-size:1vw;   } }

@media (min-width: 1800px) {.mainName { font-size:1vw; line-height:1em; } }
@media (min-width: 1800px) {.mainTitle { font-size:1.5vw;  } }*/

@media (min-width: 2800px) {.mainName { font-size:1vw; line-height:1em; } }
@media (min-width: 2800px) {.mainTitle { font-size:1.5vw; } }*/

@media (min-width: 500px) { .linkShrink {font-size:3vw; padding-left:5px; } }

@media (min-width: 750px) { .linkShrink {font-size:3vw; } }

@media (min-width: 800px) { .linkShrink {font-size:2.5vw; } }

@media (min-width: 992px) {.linkShrink {font-size:1.1vw;  } }

@media (min-width: 1200px) {.linkShrink { font-size:1.1vw;  } }

@media (min-width: 1400px) {.linkShrink { font-size:1.1vw;  } }

@media (min-width: 1500px) {.linkShrink { font-size:1vw; } }

@media (min-width: 2000px) {.linkShrink { font-size:1.1vw; } }

@media (min-width: 400px) { .boxTer4 {width:45%; font-size:1.7vw; left:28%; top:10%; } }

@media (min-width: 500px) { .boxTer4 {width:45%; font-size:1.7vw; left:28%; top:60%; } }

@media (min-width: 750px) { .boxTer4 {width:40%; font-size:1.7vw; left:30%; top:70%; } }

@media (min-width: 800px) { .boxTer4 {width:40%; font-size:1.5vw; left:30%; top:85%; } }

@media (min-width: 992px) {.boxTer4 {width:32%; font-size:1.3vw; left:36%; top:14%; } }

@media (min-width: 1200px) {.boxTer4 {width:28%; font-size:1.1vw; left:35%; top:11%; } }

@media (min-width: 1400px) {.boxTer4 {width:28%; font-size:1.1vw; left:38%; top:11%; } }

@media (min-width: 1500px) {.boxTer4 {width:28%; font-size:1vw; left:38%; top:11%; } }

@media (min-width: 1800px) {.boxTer4 {width:23%; font-size:0.9vw; left:38%; top:14%; } }

@media (min-width: 1900px) {.boxTer4 {width:23%; font-size:0.9vw; left:38%; top:13%; } }

@media (min-width: 2000px) {.boxTer4 {  width:25%; font-size:0.7vw; left:40%; top:12%; } }



/*.textAboutBigTitle
{ margin:0 0 0 40%;  font-weight:bold; font-size:1.3vw; line-height:1.1em;}*/




@media (min-width: 400px) { .textAboutBigTitle {font-size:5vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 25%;} }
@media (min-width: 400px) { .textAboutTitle   {font-size:2.3vw; line-height:1.1em; margin:1% 2% 2% 25%; color:rgb(31,57,81); } }
@media (min-width: 400px) { .textAbout        {font-size:3vw; line-height:1.3em; margin:1% 2% 2% 2%; color:rgb(31,57,81); } }

@media (min-width: 500px) { .textAboutBigTitle {font-size:5vw;  line-height:1.1em;margin:1% 2% 2% 25%; color:rgb(31,57,81);  }
@media (min-width: 500px) { .textAboutTitle   {font-size:2.3vw; line-height:1.1em; margin:1% 2% 2% 25%;color:rgb(31,57,81);  }}
@media (min-width: 500px) { .textAbout        {font-size:3vw; line-height:1.3em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 600px) { .textAboutBigTitle {font-size:5vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 25%; color:rgb(31,57,81);}  }
@media (min-width: 600px) { .textAboutTitle   {font-size:1.8vw; line-height:1.1em; margin:1% 2% 2% 25%; color:rgb(31,57,81);  }}
@media (min-width: 600px) { .textAbout        {font-size:3vw; line-height:1.3em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  font-family:arial;} }


@media (min-width: 750px) { .textAboutBigTitle {font-size:2.6vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 1%; color:rgb(31,57,81);  }
@media (min-width: 750px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 750px) { .textAbout        {font-size:1.5vw; line-height:1.3em; margin:1% 2% 2% 40%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 800px) { .textAboutBigTitle {font-size:2.5vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 1%; color:rgb(31,57,81);  }
@media (min-width: 800px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 800px) { .textAbout        {font-size:1.5vw; line-height:1.3em; margin:1% 2% 2% 40%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 992px) {.textAboutBigTitle {font-size:2.4vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; color:rgb(31,57,81);  }
@media (min-width: 992px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 1% 2%;color:rgb(31,57,81);  }}
@media (min-width: 992px) { .textAbout        {font-size:1.5vw; line-height:1.3em; margin:1% 2% 2% 40%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 1200px) {.textAboutBigTitle {font-size:2.4vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; color:rgb(31,57,81);  }
@media (min-width: 1200px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 1200px) { .textAbout        {font-size:15px; line-height:1.3em; margin:1% 2% 2% 40%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 1400px) {.textAboutBigTitle {font-size:2.2vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; color:rgb(31,57,81); } }
@media (min-width: 1400px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 2% 20%;color:rgb(31,57,81);  }}
@media (min-width: 1400px) { .textAbout        {font-size:16px; line-height:1.3em; margin:1% 2% 2% 40%; color:rgb(31,57,81);  font-family:arial;} }

@media (min-width: 1500px) {.textAboutBigTitle {font-size:2vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%;color:rgb(31,57,81);  }
@media (min-width: 1500px) { .textAboutTitle   {font-size:1.2vw; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 1500px) { .textAbout        {font-size:16px; line-height:1.3em; margin:1% 5% 2% 40%; color:rgb(31,57,81);font-family:arial;} }
	
	@media (min-width: 1600px) { .textAboutTitle   {font-size:20px; line-height:1.2em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
	@media (min-width: 1700px) { .textAboutTitle   {font-size:20px; line-height:1.2em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
	
	

@media (min-width: 1800px) {.textAboutBigTitle {font-size:1.8vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%;color:rgb(31,57,81);  }
@media (min-width: 1800px) { .textAboutTitle   {font-size:20px; line-height:1.2em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 1800px) { .textAbout        {font-size:16px; line-height:1.4em; margin:1% 5% 2% 40%; color:rgb(31,57,81);font-family:arial;} }

@media (min-width: 1900px) {.textAboutBigTitle {font-size:1.5vw; font-weight:bold; line-height:1.1em;margin:1% 2% 2% 2%; color:rgb(31,57,81);  }
@media (min-width: 1900px) { .textAboutTitle   {font-size:20px; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);  }}
@media (min-width: 1900px) { .textAbout        {font-size:21px; line-height:1.4em; margin:1% 5% 2% 40%; color:rgb(31,57,81); font-family:arial;} }



@media (min-width: 2000px) {.textAboutBigTitle {font-size:50px; font-weight:bold; line-height:1.1em; margin:1% 2% 2% 2%;color:rgb(31,57,81);} }
@media (min-width: 2000px) { .textAboutTitle   {font-size:25px; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);} }
@media (min-width: 2000px) { .textAbout        {font-size:23px; line-height:1.4em; margin:1% 5% 2% 40%; color:rgb(31,57,81); font-family:arial;} }

}
	@media (min-width: 2800px) {.textAboutBigTitle {font-size:50px; font-weight:bold; line-height:1.1em; margin:1% 2% 2% 2%;color:rgb(31,57,81);} }
@media (min-width: 2800px) { .textAboutTitle   {font-size:25px; line-height:1.1em; margin:1% 2% 2% 2%; color:rgb(31,57,81);} }
@media (min-width: 2800px) { .textAbout        {font-size:26px; line-height:1.4em; margin:1% 5% 2% 40%; color:rgb(31,57,81); font-family:arial;} }

}

.whiteLinker a
{color:rgb(31,57,81);}

.bullMid
{
text-align: left;}




@media (min-width: 400px) {
	.bullMid {font-size:3vw; margin:0 2% 2% 1%; }
	
	@media (min-width: 500px) {
	.bullMid {font-size:3vw; margin:0 2% 2% 1%; }
}
	@media (min-width: 600px) {
	.bullMid {font-size:2.2vw; margin:0 25% 2% 1%; }
}
	@media(min-width: 750px) {
	.bullMid {font-size:2vw; margin:0 25% 2% 1%; }
		
}
	@media (min-width: 800px) {
	.bullMid {font-size:1.5vw; margin:0 25% 2% 1%; }
}
	
	@media (min-width: 1500px) {
	.bullMid {font-size:1.2vw;  margin:0 25% 2% 1%; }
}
@media (min-width: 1600px) {
	.bullMid {font-size:.8vw;  margin:0 25% 2% 1%;  }
}
	@media (min-width: 1700px) {
	.bullMid {font-size:.8vw;  margin:0 25% 1% 1%; }
}


	@media (min-width: 1800px) {
	.bullMid {font-size:.8vw; margin:0 25% 1% 1%; }
}
@media (min-width: 1900px) {
	.bullMid {font-size:.8vw; margin:0 25% 1% 1%; }
}
@media (min-width: 2000px) {
	.bullMid {font-size:.8vw; margin:0 2% 1% 1%; }
}

/*.textAbout
{text-align:justify; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}*/
	
/*	.textAboutTitle
{ margin:0 0 0 40%;  font-size:1vw;}*/

.textAlign
{text-align:justify; margin:0 0 0 40%; padding-bottom:2%; font-size:1vw;}



@media only screen and (max-width: 767px) {
	.textAlign {  text-align:justify;font-size:5vw; margin:0 2% 2% 2%;}
}


@media only screen and (max-width: 800px) {
	.textAlign {  text-align:justify;font-size:2.2vw; margin:0 2% 2% 2%;}
}



















.boxTer4
{
	font-size:0.9vw;
	border-radius:3px;
	line-height:1.2em;
	color:#ffffff; 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:bold;
	text-shadow: 1px 1px #000000;
	padding:6px 0px 6px 0px; 
	background-color: rgba(141, 47, 40, 0.95) ;
	margin:0% 0% 0 0%;
	width:22%;
	 position:absolute;
  top:11%;
	left:37%;
  
}
.vidcontainer  

{ 

  position: relative; 

  width: 100%; 

  overflow: hidden; 

  padding-top: 56.25%;  

} 

 

.responsive-iframe { 

  position: absolute; 

  top: 0; 

  left: 0; 

  bottom: 0; 

  right: 0; 

  width: 100%; 

  height: 100%; 

  border: none; 

}
	
	
	.imageSizer
{background-repeat:  no-repeat center center; 
	min-width:99.5vw;}

@media only screen and (max-width: 120px) {
	.imageSizer {max-width:99.3vw; }
}

@media only screen and (max-width: 500px) {
	.imageSizer {max-width:99vw; }
}
@media only screen and (max-width: 500px) {
	.imageShrink {max-width:15%; max-height:15%; }
}

	.pageIndent{
		max-width:75%;
		padding-left:25%;
		font-size:110%;
	}