
#realestate {
  background: url("../img/leadership/hero.jpg") top center;
  background-size: cover;
}
#leadership2 {
  background: url("../img/board/leadership2.jpg") top center;
  background-size: cover;
  width: 100%;
  height: 100vh;
}
#leadership2:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#gallery:before {
  content: "";
  background: rgb(255, 255, 255);
}
.image-grid {
  margin-bottom: 1rem;
}
.board {
  padding: 30px 0px 0 0px;
}
.board-holder {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.boardcontainer {
  position: relative;
}
.boardcaption-holder {
  width: 100%;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1)
  );
}
.boardcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  width: 100%;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-bottom: 1.2rem;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1)
  );
}
.boardcaption h4 {
  font-size: 1.2rem;
}
.boardcaption p {
  margin-bottom: 0;
  font-size: 0.85rem;
}
.boardcontainer img,
.image-grid img {
  transition: filter 0.5s ease-in-out;
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.boardcontainer img:hover,
.image-grid img:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.card-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  padding: 10px;
}
.carousel-inner {
  padding: 0;
}