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

@media screen and (max-width: 1026px) {
    #fadeshow1 {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #fadeshow2 {
        display: none;
    }
}

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 7rem;
  z-index: 15;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    padding: 20rem;
    box-shadow: inset 0 0 20rem rgba(0,0,0,1);
  height: 35rem;
  background-color: #777;
}
.carousel-item:before {
   
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}