/***** Family Info Section *****/
.family-picture {
  text-align: center;
}

.img-underline-red {
  height: 7.5px;
  width: 580px;
  margin-left: calc(50% + 40px);
  transform: translateX(-50%);
  background-color: #cf2026;
}

.family-photo {
  position: relative;
  z-index: 1;
  width: 500px;
  margin-top: 75px;
  border: 5px solid #cf2026;
}

h1.family-title {
  font-size: 48px;
  letter-spacing: 3px;
  margin-top: 65px;
  font-family: QuicksandBold;
  font-weight: 700;
  text-align: left;
}

.family-info {
  padding-right: 20%;
  line-height: 1.5;
}

.family-title hr {
  margin-left: 0;
}

.family-title .top {
  width: 5%;
}

.family-title .bottom {
  width: 10%;
}

/***** Our Mission *****/
.mission-banner {
  margin-top: 75px;
}

.mission-banner .banner {
  height: 100%;
  display: block;
  padding: 75px 5%;
  text-align: center;
  color: #fff;
}

.mission-banner .title {
  width: 75%;
  margin: 25px auto;
}

.mission-banner .info {
  line-height: 2;
}

@media screen and (max-width: 1149px) {
  .family-photo {
    width: 460px;
  }

  .img-underline-red {
    height: 7.5px;
    width: 500px;
    margin-left: calc(50% + 20px);
    transform: translateX(-50%);
    background-color: #cf2026;
  }
}

@media screen and (max-width: 768px) {
  .family-photo {
    height: auto;
    width: 100%;
  }

  .img-underline-red {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .family-title hr {
    margin: 0;
  }

  .family-title .top {
    width: 15%;
    margin-bottom: 5px;
  }

  .family-title .bottom {
    width: 25%;
  }

  .title {
    text-align: center;
  }

  .family-info {
    padding: 0;
    text-align: center;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
  .title {
    padding-left: 5%;
  }

  .family-info {
    padding: 0 5%;
  }
}