/**********OVERWRITE**********/
body {
/*  background-color: #e4e6ea;*/
  background-color: white;
  flex-wrap: wrap;
  font-family: 'Open Sans';
  letter-spacing: 1px;
  
}

h1, h2, h3, h4, h5, h6 {
  cursor: default;
}

footer{
  background-color: #e4e6ea;
  padding: 20px;
/*  margin: 20px;*/
  min-height: 50px;
}

a {
  color: #201e5a;
}

a:hover {
  color: #fdb603;
  cursor: pointer;
  text-decoration: none;
}

.ptr:hover{
  cursor: pointer;
}

.jumbotron{
 border-radius: 0px; 
}

#alt1{
  margin-top: -16px;
  width: 100%;
}



/**********FONTS**********/
/*FONT FAMILIES*/
.ff-writing {
  font-family: 'Alegreya';
  letter-spacing: 2px;
}

.ff-writingLong {
  font-family: 'Alegreya Sans', sans-serif;
  letter-spacing: 2px;
}

.ff-standard { font-family: 'Montserrat';}

.ff-label { font-family: 'Amatic SC';}

.ff-standardStyled {font-family: 'Flamenco', cursive;}

.ff-site { font-family: 'Montserrat';}

.ff-headerStd { font-family: 'Raleway';}

.ff-headerStdStyled { font-family: 'Cinzel Decorative';}

.ff-headerSpc { font-family: 'Milonga';}

.ff-LibreBaskerville {font-family: 'Libre Baskerville', serif;}

.ff-OpenSans {font-family: 'Open Sans', sans-serif;}

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

/*FONT SIZES*/
.ft-12{font-size: 12px;}

.ft-14{font-size: 14px;}

.ft-16{font-size: 16px;}

.ft-18{font-size: 18px;}

.ft-20{font-size: 20px;}

.ft-24{font-size: 24px;}

.ft-30{font-size: 30px;}

.ft-36{font-size: 36px;}

.ft-42{font-size: 42px;}

.ft-50{font-size: 50px;}

.ft-60{font-size: 60px;}

.ft-72{font-size: 72px;}

/*FONT COLORS*/
.ft-ltgrey{
  color: lightgray;
}

.ft-grey{
  color: grey;
}

.ft-dkgrey{
  color: darkgray;
}

.ft-ltblue{
  color: lightblue;
}

.ft-blue{
  color: dodgerblue;
}

.ft-black{
  color: black;
}

.ft-white{
  color: white;
}

.ft-red{
  color: #881919;
}

.ft-dkred{
  color: #9A1616;
}

.ft-dkred2{
  color: darkred;
}

.bold3 {font-weight: 300;}
.bold5 {font-weight: 500;}
.bold9 {font-weight: 900;}
.lighter {font-weight: lighter;}


/******************ALIGNMENTS*/

/*FLOAT*/
.flt-left{float: left;}

.flt-right{float: right;}

/*MARGINS*/
.center{margin: auto;}
  
.mt-20{
  margin-top: 20;
}

.mt-60{
  margin-top: 60px;
}

.mt-80{
  margin-top: 80px;
}

.mt-100{
  margin-top: 100px;
}

.mt-5per {
  margin-top: 5%;
}

.mt-10per {
  margin-top: 10%;
}

.mt-20per {
  margin-top: 20%;
}

.mt-30per {
  margin-top: 30%;
}

.mt-50per {
  margin-top: 50%;
}



/*TEXT ALIGNS*/
.ft-center{
  text-align: center;
}

.ft-left{
  text-align: left;
}

.ft-justify{
  text-align: justify;
}

.wdsp{
  word-spacing: inherit;
}

/**********COLORS***********/
/*BACKGROUND COLORS*/
.redmr-gry{background-color: #f0f0f0!important;}

.bg-ltgrey{
  background-color: lightgray;
}

.bg-grey{
  background-color: grey;
}

.bg-dkgrey{
  background-color: #2D2A2A;
}

.bg-ltblue{
  background-color: lightblue;
}

.bg-blue{
  background-color: dodgerblue;
}

.bg-black{
  background-color: black;
}

.bg-white{
  background-color: white;
}

.bg-red{
  background-color: red;
}

.bg-dkred{
  background-color: darkred;
}



/*DESIGN*/
.text-shadow {text-shadow: 2px 2px 4px rgba(150, 150, 150, 1);}
.text-shadow-outline{text-shadow: 0px 1px 5px #000000;}

.bdr-1-w{ border: solid 1px white; }
.bdr-2-w{ border: solid 2px white; }
.bdr-3-w{ border: solid 3px white; }
.bdr-5-w{ border: solid 5px white; }
.bdr-10-w{ border: solid 10px white; }

.bdr-1-b{ border: solid 1px black; }
.bdr-2-b{ border: solid 2px black; }
.bdr-3-b{ border: solid 3px black; }
.bdr-5-b{ border: solid 5px black; }
.bdr-10-b{ border: solid 10px black; }

.bdr-1-g{ border: solid 1px gray; }
.bdr-2-g{ border: solid 2px gray; }
.bdr-3-g{ border: solid 3px gray; }
.bdr-5-g{ border: solid 5px gray; }
.bdr-10-g{ border: solid 10px gray; }

.bdr-1-lg{ border: solid 1px #E4E6EA; }
.bdr-2-lg{ border: solid 2px #E4E6EA; }
.bdr-3-lg{ border: solid 3px #E4E6EA; }
.bdr-5-lg{ border: solid 5px #E4E6EA; }
.bdr-10-lg{ border: solid 10px #E4E6EA; }

.rounded{
  border-radius: 100%;
}

.opacity5 {
  opacity: .5;
}

.bdr2{ border-radius: 2px;}
.bdr3{ border-radius: 3px;}
.bdr5{ border-radius: 5px;}
.bdr10{ border-radius: 10px;}

.box-shadow{/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/}

.box-vig {box-shadow: inset 0 0 100px black;}

.border-blk-10 {border: solid 10px black;}
.border-blk-3 {border: solid 3px black;}
.border-blk-1 {border: solid 1px black;}

.border-wht-1 {border: solid 1px white;}

.pad-20{padding: 20px;}

.letter-spacing1{
  letter-spacing: 2px;
}

.letter-spread1{
  letter-spacing: 1px;
  word-spacing: 2px;
  line-height: 2;
}

.letter-spread2{
  letter-spacing: 1px;
  word-spacing: 1px;
  line-height: 1.6;
}

.tilebtn-outline-purple{
  padding: 75px;
  font-family: 'Raleway';
  font-size: 30px;
  border-radius: 3px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border: solid 3px #201e5a;
  color: #201e5a;
  width: 100%;
}

.tilebtn-outline-purple2{
  padding: 75px;
  font-family: 'Raleway';
  font-size: 30px;
  border-radius: 3px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border: solid 3px #201e5a;
  color: white;
  background-color: #201e5a;
  width: 100%;
}

.tilebtn-outline-purple:hover, .btn-outline-purple-lng:hover{
  color: white;
  background-color: #201e5a;
  transition: .3s;
}

.btn-outline-purple-lng{
  padding: 50px;
  font-family: 'Raleway';
  border-radius: 3px;
  border: solid 3px #201e5a;
  color: #201e5a;
  width: 100%;
}

.btn-outline-purple{
  padding: 20px;
  font-family: 'Raleway';
  border-radius: 3px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border: solid 3px #201e5a;
  color: #201e5a;
}

.btn-outline-purple:hover{
  color: white;
  background-color: #201e5a;
  transition: .3s;
}


.btn-outline-gold{
  padding: 20px;
  font-family: 'Raleway';
  border-radius: 3px;
  border: solid 3px #b68423;
  color: #b68423;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}


.btn-outline-gold:hover {
  color: white;
  background-color: #b68423;
  transition: .5s;
}

.btn-outline-gold-sm{
  padding: 10px;
  font-family: 'Raleway';
  border-radius: 3px;
  border: solid 3px #b68423;
  color: #b68423;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.btn-outline-gold-sm:hover {
  color: white;
  background-color: #b68423;
  transition: .5s;
}

.btn-outline-purple-sm{
  padding: 10px;
  font-family: 'Raleway';
  border-radius: 3px;
  border: solid 3px #201e5a;
  color: #201e5a;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.btn-outline-purple-sm:hover {
  color: white;
  background-color: #201e5a;
  transition: .5s;
}

.visited-link:visited {
  color: #b68423;
}

/*ANIMATIONS*/

.hvr-spreadtext1 {
  transition: 0.3s;
}

.hvr-spreadtext1:hover {
  letter-spacing: 3px;
  padding: 5px;
}

.hvr-zoom {
    transition: transform .2s;
}

.hvr-zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.hvr-shadow:hover{
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  transform: scale(1.05);
}


.fade-in{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.fade-in2{
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

.fade-in3{
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

.fade-in4{
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}







/*THEMES STYLES*/
.bg-purple{background-color: #201e5a;}
.ft-purple{color: #201e5a;}
.bg-gold{background-color: #b68423;}
.ft-gold{color: #b68423;}
.bg-lightgray{background-color: #e4e6ea;}
.ft-lightgray{color: #e4e6ea;}
.bg-dkgray{background-color: #37383a;}
.ft-dkgray{color: #37383a;}
.bg-green{background-color: #1E9C5A;}
.ft-green{color: #1E9C5A;}


.navbar1 {
  background: black;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
/*  border: solid 3px white;*/
  margin-left: 5px;
}

.navbar2 {
  padding: 20px;
  background-color: #e4e6ea;
  color: #b68423;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  font-size: 16px;
/*  font-family: */
}

.nav2-link{
  font-size: 14px;
}



/*INDEX STYLES*/

#IndexWelcome1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: url('images/debby-hudson-589680-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#IndexWelcome2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#IndexEvents1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/wheatfield.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#IndexEvents2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

.current{
  color: #C39438!important;
}







.menu-dd {
  background-color: #e4e6ea;
}

/*hide bootstrap dd arrows*/
.dropdown-toggle::after {
    display:none;
}

.dropdown-divider{
  border-color: #ccd0d9;
}

.hdr-main {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*  color: #201e5a;*/
  color: white;
/*  background-color: white;*/
  padding: 30px;
/*  border: 10px solid #201e5a;*/
  border: 10px solid white;
  font-weight: 100;
/*  font-size: 36px;*/
}

.hdr-navbar {
  display: inline-block;
  align-content: left;
  padding: 10px;
  color: black;
  font-size: 20px;
  font-weight: bold;
}

#Nav2 {
  padding: 20px;
}

.DivHero{
/*  margin-top: -15px;*/
  background: black;
  background-image: 
  url('images/jaxsunrise.jpg');
  filter: brightness(100%);
  min-height: 450px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;

}
.icon-center{
  margin-left: 25%;
  text-align: center;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.DivNewLife{
  margin-top: -31px;
/*  background-color: #393C3F;*/
  background-color: white;
/*  background-color: #222428;*/
}

.DivCard{

/*  height: 100%;*/
  background-color: white;
  border: ridge 2px #b68423;
  color: #37383a;
/*  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/*/
}

.cardPar {
  
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #e4e6ea;
  height: 250px;
}

.cardPar p{
  margin: 5%;
  align-content: center;
  
}


.bmarg-5{
  margin-bottom: 10px;
}

.DivNewLife p {
  font-size: 14px;
  text-align: center;
}

.icon-fa{
  border: solid 2px #201e5a;
  border-radius: 3px;
  padding: 30px;
  font-size: 36px;
}

.invite {
  margin-left: 25%;
  margin-right: 25%;
}


#ourGatherings{
  bottom: 100%;
  padding: 30px;
  margin-top: -30px;
  background: black;
  background-image: 
  url('images/andrew-seaman-649001-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
  box-shadow: inset 0 0 100px black;
}

#thingsWeAreDoing{
  padding: 30px;
  bottom: 100%;
  margin-top: -30px;
  background: black;
  background-image: 
  url('images/greenfoghill.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
  box-shadow: inset 0 0 100px black;
}





/*ABOUT STYLES*/
/*------------------------------------*/
/*------------------------------------*/

#Welcome1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: 70px;
  background: black;
  background-image: 
  url('images/fieldwheat.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Welcome2 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#HonorSquare  {
  z-index: 1;
  background: black;
  background-image: 
  url('images/honorGod.jpeg');
  filter: brightness(100%);
  min-height: 250px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 1px #2B2E6C;
/*  border: solid 1px #b68423;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#RelationshipSquare  {
  z-index: 1;
  background: black;
  background-image: 
  url('images/relationship.jpeg');
  filter: brightness(100%);
  min-height: 250px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 1px #2B2E6C;
}

#DisciplesSquare  {
  z-index: 1;
  background: black;
  background-image: 
  url('images/disciples.jpeg');
  filter: brightness(100%);
  min-height: 250px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 1px #2B2E6C;
}

#CommunitySquare  {
  z-index: 1;
  background: black;
  background-image: 
  url('images/community.jpeg');
  filter: brightness(100%);
  min-height: 250px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 1px #2B2E6C;
}



#OurBeliefs1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/kiwihug-465751-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#OurBeliefs2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#OurStaff1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/about/ourStaff.jpeg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#OurStaff2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#OurAffiliation1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/rawpixel-558597-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#OurAffiliation2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

.img-aff {

}


.DivCard2{
/*  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

  height: 100%;
  background-color: white;
  border: solid 3px #881919;
  color: black;
}

.DivCard2:hover{
  transition: .5s;
  background-color: #e4e6ea;
  border: solid 3px #881919;
  color: white;
}

.DivCard3{
  margin: 5px;
/*  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  height: 85%;
  text-align: left;
  background-color: white;
  border: solid 3px #881919;
  color: #881919;
}

.DivCard3:hover{
  transition: .5s;
  background-color: #e4e6ea;
  border: solid 3px #881919;
  color: white;

}

.DivCard3 p {
  text-align: left;
}

.ClickerCard1{
  background-color: #e4e6ea;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  color: white;
}

.ClickerCard2{
  background-color: #e4e6ea;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  color: white;
}

.ClickerCard3{
  background-color: #e4e6ea;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  color: white;
}

.NavList {
  text-align: center;
  margin-left: auto;
}


.DivAbout1{
  background-color: white;
  color: black;
  margin-bottom: 400px;
}

.DivAbout2{
  background-color: #e4e6ea;
  color: black;
}

.DivAboutTitle{
  margin-top: 50px;
  text-align: center;
  background-color: white;
  color: black;
  font-family: 'Cinzel Decorative';
  font-size: 24px;
}

.DivAboutTitle h1{
  font-size: 24px;
}

.AboutSectionHeader {
  padding: 8px;
/*  border: solid 3px #881919;*/
  font-family: 'Cinzel Decorative';
}

/*
.AboutSectionHeader h1{
  text-align: center;
}
*/
.DivAboutSection {
  margin-bottom: 100px;
  margin-top: 100px;
  border: solid 5px #881919;
/*  border-top: 200px solid white;*/
  border-radius: 5px;
  padding: 20px;
  background-color: white;
  color: black;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.AboutParagraph {
  padding: 10px;
  font-family: 'Montserrat', serif;
  font-size: 18px;
}

.box-a {
  margin: auto;
  height: 100%;
  text-align: center;
}

.zoom:hover{
  transition: transform .5s;
  transform: scale(1.1);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#missionSection, #beliefsSection, #affiliationSection{

}





/*GATHERINGS STYLES*/
/*------------------------------------*/
/*------------------------------------*/

#Expect1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/expect.jpeg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Expect2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#Eucharist1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/debby-hudson-589680-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Eucharist2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#healingService1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/alexander-nachev-525857-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#healingService2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#mensBreakfast1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/biblestudy.jpeg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#mensBreakfast2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#requestPrayer1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/alex-gindin-27921-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#requestPrayer2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#prayerModal {
  font-family: 'Montserrat';
}

/*RESOURCES STYLES*/
/*------------------------------------*/
/*------------------------------------*/

#LiturgicalSeasons1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: 50px;
  background: black;
  background-image: 
  url('images/stainedglasswindows.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#LiturgicalSeasons2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#Listen1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/bibleopaque-1-1024x683.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Listen2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#Blog1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/oldjournal.jpeg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Blog2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

#Blog2 a:hover {
  color: white;
}

#BooksAndMusic1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/annie-spratt-147610-unsplash.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#BooksAndMusic2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}



/*CHURCH CALENDAR*/
/*------------------------------------*/
/*------------------------------------*/
#ChurchCal1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/stainedglasswindows.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#ChurchCal2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
/*  color: black;*/
  background-color: white;
  font-weight: lighter;
}

#ChurchCalSquares{
/*  margin-top: 250px;*/
  min-height: 400px;
  width: 100%;
  color: black;
}

#ChurchCalSquares h1{
/*  background-color: #E4E6EA;*/
  width: 100%;
  color: black;
  font-family: "Montserrat";
}

.ChurchCalsquare_text {
  min-height: 300px;
  color: black;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  background-color: #E4E6EA;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  padding: 15px;
}


#AdventSquare1, #AdventSquare2 {
  background: black;
  z-index: 1;
  background-image: 
  url('images/christmasreef.jpg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #5A1C89;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.bg-advent {
  background-color: #2B42D4;
}

#ChristmasSquare1, #ChristmasSquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/whitemanger.jpeg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #FFFFFF;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#EpiphanySquare1, #EpiphanySquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/rainwood.jpg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #2FA467;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#LentSquare1, #LentSquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/lentsolo.jpg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #5A1C89;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#EasterSquare1, #EasterSquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/eastertomb.jpg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #FFFFFF;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#PentecostSquare1, #PentecostSquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/flame.jpg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #E8453C;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#OrdinaryTimeSquare1, #OrdinaryTimeSquare2 {
  z-index: 1;
  background: black;
  background-image: 
  url('images/ordinarytime.jpeg');
  filter: brightness(100%);
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  border: solid 30px #2FA467;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

/*EVENTS STYLES*/
/*------------------------------------*/
/*------------------------------------*/

#EventsArea1{
  margin-top: 125px;
  background-color: #e4e6ea;
  height: 400px;
  width: 100%;
}

#EventsArea2{
  margin-top: 250px;
  background-color: #e4e6ea;
  min-height: 400px;
  width: 100%;
  color: white;
  transition: 0.2s;
}

#Events1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/wheatfield.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Events2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

.liturgical-img{
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border: solid 10px #1A8F51;
}

.img-container {
    position: relative;
    text-align: center;
    color: white;
}

.img-text-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-text-top {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#eventSquares{
/*  margin-top: 250px;*/
  min-height: 400px;
  width: 100%;
  color: white;
}

#eventSquares h1{
  background-color: #E4E6EA;
  width: 100%;
  color: black;
  font-family: "Raleway";
}

.eventsquare_text {
  min-height: 300px;
  color: black;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#eventsquare1 {
  background: black;
  background-image: 
  url('images/debby-hudson-589680-unsplash.jpg');
  filter: brightness(100%);
  min-height: 300px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}


#eventsquare2 {
  background: black;
  background-image: 
  url('images/healing%20service.jpeg');
  filter: brightness(100%);
  min-height: 300px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#eventsquare3 {
  background: black;
  background-image: 
  url('images/biblestudy.jpeg');
  filter: brightness(100%);
  min-height: 300px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
/*  border: solid 1px #b68423;*/
/*  border-radius: 5px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

/*
#eventsquare3:hover, #eventsquare2:hover, #eventsquare1:hover {
  transition: .4s;
  box-shadow: none;
  border-top: solid 20px orange;
}
*/


/*SERMONS STYLES*/
/*------------------------------------*/
/*------------------------------------*/
#Sermons1 {
/*  padding: 30px;*/
/*  bottom: 100%;*/
  margin-top: -31;
  background: black;
  background-image: 
  url('images/biblewhitespace.jpg');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 400px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: black;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

#Sermons2 {
/*  padding: 30px;*/
  bottom: 100%;
  margin-top: -31px;
  color: black;
  background-color: white;
  font-weight: lighter;
}

.audio-box{
  margin: 5px;
  padding: 5px;
  border: solid 3px #b68423;
  border-radius: 3px;
  width: 100%;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.audio-controls{
  width: inherit;
}


/*CONTACT STYLES*/
/*------------------------------------*/
/*------------------------------------*/

#ContactArea1{
  bottom: 100%;
  margin-top: 125px;
  background-color: white;
  background-image: 
  url('images/about/map.png');
  filter: brightness(100%);
  /* Set a specific height */
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: black;
  transition: 0.2s;
  border: 5px solid #F0F0F0;
  
/*  box-shadow: inset 0 0 100px black;*/
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #393C3F;
}

.OverlayContainer1:hover .overlay1 {
  opacity: 1;
}

.overlayText1 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}



#ContactArea2{
  bottom: 100%;
  margin-top: -32px;
  background-color: white;
  
/*
  background-image: 
  url('images/map-wide.png');
  filter: brightness(100%);
*/

  min-height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: black;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

.icon-fb{
  font-size: 50px;
  color: #3350a3;
  text-align: center;
  text-shadow: 2px 2px 2px darkgray;
}

.icon-fb:hover{
  transition-timing-function: ease;
  transition: .3s;
  text-shadow: none;
}

.icon-donate {
  font-size: 50px;
  color: green;
  text-align: center;
  text-shadow: 2px 2px 2px darkgray;
}



.icon-footer {
  color: grey;
}

.icon-footer:hover {
  color: white;
}

.icon-donate:hover{
  transition-timing-function: ease;
  transition: .3s;
  text-shadow: none;
}

.icon-medium {
  font-size: 50px;
  text-align: center;
  text-shadow: 2px 2px 2px darkgray;
}

.icon-medium:hover{
  transition-timing-function: ease;
  transition: .3s;
  text-shadow: none;
}






#photoCred{
  bottom: 100%;
  margin-top: 80px;
  background-color: #e4e6ea;
/*
  background-image: 
  url('images/treehills.jpg');
  filter: brightness(100%);
*/
  /* Set a specific height */
  min-height: 500px;
  width: 100%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  color: white;
  transition: 0.2s;
/*  box-shadow: inset 0 0 100px black;*/
}

















/*RESPONSIVE STYLES*/
/*------------------------------------*/
/*------------------------------------*/
@media (max-width: 1096px) {
  .navfont-shrink{
    padding: 0px;
    font-size: 12px;
    word-spacing: 0px;
  }

}


@media (max-width: 768px) {
  .display-1{
    font-size: 70px; 
  }
  .ft-72{
    font-size: 60px;
  }
  .ft-60{
    font-size: 50px;
  }
  
  .navfont-shrink{
    padding: 0px;
    font-size: 12px;
    word-spacing: 0px;
  }

}

@media (max-width: 576px) {
  .display-1{
    font-size: 45px; 
  }
  
  .display-3{
    font-size: 40px; 
  }
  
  .display-4{
    font-size: 35px; 
  }
  
    .ft-72{
    font-size: 60px;
  }
  .ft-60{
    font-size: 50px;
  }
  
  .ft-20{
    font-size: 16px;
  }
  
  .DivHero{
    min-height: 400px;
  }
  
  .navfont-shrink{
    padding: 0px;
    font-size: 12px;
    word-spacing: 0px;
  }
}

@media (max-width: 470px) {
  .display-1{
    font-size: 45px; 
  }
  
  .display-3{
    font-size: 40px; 
  }
  
  .display-4{
    font-size: 35px; 
  }
  
  .ft-72{
    font-size: 60px;
  }
  .ft-60{
    font-size: 50px;
  }
  
  .ft-20{
    font-size: 10px;
  }
  
  .ft-14, .ft-16 {
    font-size: 12px;
  }
  
  .DivHero{
    margin-top: 50px;
    min-height: 300px;
  }
  
  
  .navfont-shrink{
    padding: 0px;
    font-size: 12px;
    word-spacing: 0px;
  }

}

@media (max-width: 320px) {
  .index-main{
    margin-top: 120px;
  }

}