html {
  position: relative;
  min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    min-width:320px;
    width: auto !important;    
    font-family: 'Roboto', sans-serif; 
    background-color:#F8F9FA;
    
    /*padding-top:111px;*/
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto', sans-serif;
}

p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height:1.5em;
}

/*navbar styling*/

.bgbrand {
    display: flex;
    justify-content:flex-start;
    align-self: stretch;
}

.bging {
    height:60px;
    width:180px;
}

/*navbar styling*/


/*social media styling*/

.bgflex {
    font-size: 3rem;
    
}

.bgflexitem {
    padding: 10px 20px;
    /*color: #A0A0A0;*/
}


/*social media styling*/


.bgrowbgclr {
    /*background-color: #FAF9F7;*/
    /*background-color: #F2FAFE;*/    
}



/*How To Center Anything Vertically*/
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*How To Center Anything Vertically*/

.center-content {
  width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}

.footer_social_links {
    list-style: none;
    font-size: 2.1875rem;
    margin: 0;
    /*padding: 10px;*/
    display: flex;
    flex-direction: row;
}

.indxpagetop {
    padding-top:85px;
}

.pagetop {
    padding-top:85px;
}

.afterjmbt {
    padding-top:5px;
}

.aftersubjmbt {
    padding-top:30px;
}

.pagebot {
    padding-top:30px;
}

.carobkgr {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex; 
}

.galindx {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:local;
/*    width: 100%;
    height:100%;*/
    /*display: flex;*/ 
}


.caro1 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/post1.jpg");
}

.caro2 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/post2.jpg");
}

.caro3 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/post3.jpg");
}

.caro4 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/post4.jpg");
}

.caro5 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/post5.jpg");
}

.caroabtus1 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about1.jpg");
}

.caroabtus2 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about2.jpg");
}

.caroabtus3 { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about3.jpg");
}

.jbtabout {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about.jpg");   
}

.jbtgal {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/gal.jpg");;    
}

.jbtholybible {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/bible2-min.jpg");
}

.jbtsg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/stgd1-min.jpg");
}

.jbtwai {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/whoami.jpg");;    
}

.jbtq01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q1.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq02 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q2.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq03 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q3.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq04 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q4.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq05 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q5.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq06 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q6.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq07 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q7.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq08 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q8.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq09 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q9.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq10 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q10.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq11 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q11.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq12 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q12.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq13 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q13.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtq14 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/q14.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;
    display: flex;    
}

.jbtgenpopup {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/genesis.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 30vh;
    display: flex;    
}

.quotebox {
    padding: 10px;
    background: #F2FAFE;
}

.quoteboxline1 {
    position:relative;
    top:-10px;
    height: 5px;
    background-color:#fff;
    border: 0px solid black;
}

.quoteboxline2 {
    position:relative;
    top:-10px;
    height: 25px;
    background-color:#daf1fc;
    border: 0px solid black;
}    

.bgep, .bghp, .abtindx, .bibindx, .stdindx {
    width:100%;
    height: auto;
}

.jbtcolindx {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/gal.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 50vh;   
}

 .bgrow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.bgcolumn {
  flex: 100%;
  max-width: 50%;
  padding: 5px 7px;
}

.imgbg {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/*.bgcolumn, .imgbg {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}*/

.imgbg:hover {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.8);
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .bgcolumn {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .bgcolumn {
    flex: 100%;
    max-width: 100%;
  }
}

hr.solid {
   border-top: 1px solid #999;
}

.bgtextheight {
   line-height:1.8em;
}

.scrollable {
  overflow-y: auto;
  max-height: 570px;
}

.BtnSTT {
  display:none;
  position: fixed;
  z-index: 99999;
  font-size: 18px;
  border: 1px solid #6C757D;
  background-color:#fff;
  outline: none;
  
  /*color: #fff;*/
  cursor: pointer;
  padding: 15px;
  border-radius: 40px;
}

.BtnSTT:hover {
  background-color: #6C757D;
  color: #fff;
} 

.spinclr {
    color: #6C757D;
}

.imggrad {
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/wai/gal.jpg");*/
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    /*background-image: linear-gradient(red, yellow);*/
 
}


.img-gradient{
  position:relative;
  display:inline-block;
}

.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  
  
  
/*  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%);  FF3.6+ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5)));  Chrome,Safari4+ 
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);  Chrome10+,Safari5.1+ 
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);  Opera 11.10+ 
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);  IE10+ 
  background: linear-gradient(to bottom, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);  W3C 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );  IE6-9 */
}
/*.img-gradient img{
  display:block;
}*/

.bgallborder {
    border-radius: 5px;
}

.bggallborder {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; 
}

.bgrightborder {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bgtprborder {
    border-top-right-radius: 5px;
}

.bgbtrborder {
    border-bottom-right-radius: 5px;
}

.bgtprborder {
    border-top-left-radius: 5px;
}

.bgbtrborder {
    border-bottom-left-radius: 5px;
}