/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
  background-image: url(/static/images/bg.jpg);
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel img {
    position: absolute;
    right: 50%;
    top: 50%;
    bottom: 50%;
    max-height: calc(100% - 20px);
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    text-align: center;
    right: 0 !important;
    top: 0 !important;
    padding-top: 70px !important;
    height: 100%;
    left: 50% !important; /*Added*/
}

.carousel {
    height: 400px;
}

.carousel-item {
    height: 350px;
    /*text-align: center;*/
}