/******************/
/*SECTION TAGS CSS*/
section {
  margin-top: 0px;
  margin-bottom: 0px;
}
.section-zero {
  margin-top: 50px;
  margin-bottom: 50px;
}
.section-one {
  margin-top: 50px;
  margin-bottom: 50px;
}
.section-two {
  margin-bottom: 20px;
}
.section-three {
  margin-bottom: 20px; */
}
.section-four {
  margin-bottom: 50px;
}
.section-title {
  font-weight: bold;
  font-size: 1.5rem;
}
.text-center {
  text-align: center;
}

/****************/
/* HEROE SECTION*/
/* exterior-photo-of-church.jpg */
.hero-section {
  background: url("/images/exterior-photo-of-church.jpg") 50% no-repeat;

  background-size: cover;
  height: 70vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-section .hero-section-text {
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
  text-shadow: 2px 2px 4px #0a0a0a;
}
.hero-section .hero-section-text h1 {
  font-size: 2.5rem;
}
.hero-section .hero-section-text h2 {
  font-size: 2.5rem;
}

/*.motto {
  text-transform: uppercase;
  font-size: 2.5rem;
}*/

/********************/
/* INTRODUCTION BOX */
#intro-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 600px
  border: 5px solid black;
  background-color: lightgray;
  background: url(/images/rising-tide-blue-still.jpg) no-repeat center;
  background-size: cover;
  color: white;
  /*line-height: 5;*/
  /*margin-left: 10px;
  margin-right: 10px;*/
}
.intro-box-row {
  width: 100%;
  text-align: center;
}
#intro-titlebox {
  margin-top: 50px;
  font-weight: bold;
}
#intro-box-1 {
  padding-top: 0px;
  /*background-color: red;*/
  /*margin-bottom: 50px;*/
}
#intro-box-2 {
  /*background-color: green;*/
  padding-top: 0px;
  margin-bottom: 50px;
}

/*********************/
/* OBJECTIVE SECTION */
.objective-images {
  display: block;
  max-width: 75%;
  margin-right: auto;
  margin-left: auto;
}

/****************************/
/* GENERAL OVERVIEW SECTION */
/* Featured Image Block Grid*/
.featured-image-block-grid-header {
  margin-left: auto;
  margin-right: auto;
}
.featured-image-block {
  padding-bottom: 30px;
  margin-bottom: 0px;
}
/*.featured-image-block .featured-image-block-title {
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1em;
  color: #404040;
}*/
/*.featured-image-block a:hover p {
  color: #1779ba;
}*/

/*****************************/
/* DAILY BIBLE VERSE SECTION */
.lectura-biblica {
  font-size: 1.20rem;
  height: 100%;
}
.card {
  border-width: 3px;
  border-color: #313a49;
  margin-bottom: 0rem;
}
.card-divider {
  background: url(/images/rising-tide-blue-still.jpg) no-repeat center;
  background-size: cover;
  justify-content: center;
}
.card-divider h4 {
  display: flex;
  color: white;
  padding-top: 0px; 
  margin-bottom: 0px;
}


/* MEDIA QUERIES - SMALL ONLY */
@media screen and (max-width: 39.9375em) {
.hero-section .hero-section-text {padding-left: 10px; padding-right: 10px;}
.hero-section .hero-section-text h1 {
  font-size: 1.75rem;
}
.hero-section .hero-section-text h2 {
  font-size: 1.50rem;
}
/*.church-name {font-size: 1.7rem;}*/
/*.motto {font-size: 0.50rem;}*/

#intro-titlebox {
  padding-top: 0px;
}

.card-divider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*SECTION TASS CSS - SMALL SCREEN*/
section {
  margin-top: 0px;
  margin-bottom: 35px;
}
.section-one {
  margin-top: 35px;

}
.section-two {
  margin-bottom: 15px;
}
.section-two .section-title {
  padding-top: 0px;
}
.section-three {
  margin-bottom: 15px;
}
.section-three .section-title {
  padding-top: 0px;
  /*margin-bottom: 15px; */
}
#intro-box {
  padding-left: 30px;
  padding-right: 30px;
}
#intro-box-1 {
  padding-top: 20px;
}
#intro-box-2 {
  padding-top: 20px;
}

.featured-image-block-grid-header h5 {
  padding-left: 15px;
  padding-right: 15px;
}
}


/* MEDIA QUERIES - MEDIUM ONLY */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hero-section .hero-section-text {padding-left: 10px; padding-right: 10px;}
.hero-section .hero-section-text h2 {padding-left: 10px; padding-right: 10px; font-size: 1.9rem;}
/*.church-name {font-size: 1.0rem;}*/
/*.motto {font-size: 1.5rem;}*/
.objective-images {max-width: 60%;}
#intro-box {
  padding-left: 30px; 
  padding-right: 30px;
}
#intro-box-1 {
  padding-top: 10px;
}
#intro-box-2 {
  padding-top: 10px;
}
}