/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
@media (max-width: 991px) {
    .carousel {
    }

    /* 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 {
        width: 100%;
        margin: 0 auto;
        background-color: #777;
        height: 420px;
    }

    .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
     }
}
@media (min-width: 992px) {
    /* Carousel base class */
    .carousel {
        height: 361px;
        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 {
        background-image: url('assets/img/home-stack-3.jpg');
        background-size: 100%;
        background-repeat: no;
        margin: 0 auto;
    }

    .carousel .item2 {
        height: 361px;
        background-color: #777;
    }

    .carousel .item3 {
        height: 361px;
        background-color: #777;
    }

    .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 361px;
    }
}