.memberPhotosSection {
    text-align: center;
    color: #5a5a5a;
}

.memberPhotosSection h2 {
    margin-bottom: 25px!important;
    margin-top: 10px!important;
}

.memberPhoto {
    height: 200px;
    width: 200px;
}

/* Below originally carouselPhotos.css (Jun 5) */
/* Moved from global.css to here (Jun 4) */
.carousel {
    margin-bottom: 30px!important;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
    -o-box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
    -ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
}

.carousel-control.right, .carousel-control.left, .carousel-indicators li {
    transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
}

.carousel-indicators .active {
    margin: 1px!important;
    width: 10px!important;
    height: 10px!important;
}

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/* Vertically align the image in eXtra Small devices*/
@media (max-width: 767px) {
    .carousel-inner>.item>img {
        top: 0;
        bottom: 0;
        margin: auto;
    }
}