/*INDEX*/
.index-sermons {
  width: 100%;
  height: calc(25vh - 100px);
  background-image: url('../images/sermons.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: table;
}

.vertical-center-sermons {
  display: table-cell;
  vertical-align: middle;
}

.index-sermons h2 {
  font-family: Catamaran;
  font-size: 60px;
  font-weight: 900;
  line-height: 75px;
  color: #000000;
  text-align: left;
  text-shadow: 2px 2px 8px #7A7A7A;
}

.index-sermon {
  width: 100%;
  height: calc(25vh - 100px);
  background-image: url('../images/sermons.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: table;
}

.vertical-center-sermon {
  display: table-cell;
  vertical-align: middle;
}

.index-sermon h2 {
  font-family: Catamaran;
  font-size: 60px;
  font-weight: 900;
  line-height: 75px;
  color: #000000;
  text-align: left;
  text-shadow: 2px 2px 8px #7A7A7A;
}

.index-links h4 {
  font-family: Catamaran;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
  text-align: center;
}

.index-links h5 {
  font-family: Catamaran;
  font-size: 25px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  color: #000000;
  text-align: left;
}

.index-archive h4 {
  font-family: Catamaran;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
  text-align: center;
}

.index-archive h5 {
  font-family: Catamaran;
  font-size: 25px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  color: #000000;
  text-align: left;
}

.index-sermon-links h4 {
  font-family: Catamaran;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
  text-align: center;
}

.index-sermon-links h5 {
  font-family: Catamaran;
  font-size: 25px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  color: #000000;
  text-align: left;
}

.index-sermons h1 {
  font-family: Catamaran;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  color: #000000;
  text-align: center;
  text-shadow: 2px 2px 8px #7A7A7A;
}

.index-sermon h1 {
  font-family: Catamaran;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  color: #000000;
  text-align: center;
  text-shadow: 2px 2px 8px #7A7A7A;
}

.index-click {
  display: block;
  font-family: Catamaran;
  font-size: 26px;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 38px;
  border: 5px solid #252188;
  margin: 20px auto; /* Center the next page button */
  background-color: #252188;
  padding: 0 20px;
}

@media only screen and (min-width: 1000px) {
  .wrapper {
    width: 1000px;
    margin: 0 auto;
  }

  .index-links div {
    margin: 16px 16px 0;
    width: calc(50%);
    height: 100px;
  }

  .index-links div h3 {
    font-family: Catamaran;
    font-size: 28px;
    font-weight: 600;
    line-height: 100px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
  }

  .index-links {
    overflow: hidden;
  }

  .index-links div {
    margin: 20px 0px 0;
    height: auto;
    float: left;
  }

  .index-archive div {
    margin: 16px 16px 0;
    width: calc(100%);
    height: 100px;
  }

  .index-archive div h3 {
    font-family: Catamaran;
    font-size: 28px;
    font-weight: 600;
    line-height: 100px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
  }

  .index-archive {
    overflow: hidden;
  }

  .index-archive div {
    margin: 20px 0px 0;
    height: auto;
    float: left;
  }

  .index-sermon-links div h3 {
    font-family: Catamaran;
    font-size: 28px;
    font-weight: 600;
    line-height: 100px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
  }

  .index-sermon-links {
    overflow: hidden;
  }

  .index-sermon-links div {
    margin: 20px 0px 0;
    height: 130px;
    float: left;
  }

  .index-sermon-links div h3 {
    line-height: 130px;
  }

  .index-sermons {
    height: 100px;
  }

  .index-sermon {
    height: 100px;
  }

  .index-sermons h1 {
    display: block;
    width: 560px;
    margin: 0 auto;
  }

  .index-sermons h2 {
    display: block;
    width: 850px;
    margin: 0 auto;
  }

  .index-sermon h1 {
    display: block;
    width: 560px;
    margin: 0 auto;
  }

  .index-sermon h2 {
    display: block;
    width: 850px;
    margin: 0 auto;
  }

  .index-boxlink-left {
    width: calc(65%) !important;
  }

  .index-boxlink-right {
    width: calc(35%) !important;
  }

  .index-sermon-square {
    width: calc(25%) !important;
  }

  .index-boxlink-rectangle {
    width: calc(100%) !important;
  }
}

/* Add any additional styles for other sections if needed */

.sermon-links {
  /* Add styles specific to the sermon links section here */
}

.sermons-links {
  /* Add styles specific to the sermons links section here */
}

.index-links {
  /* Add styles specific to the index links section here */
}

.index-archive {
  /* Add styles specific to the index archive section here */
}