.carousel {
	background-color: lightgrey;
	overflow:hidden;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}







@media (max-width: 576px){
  .carousel-inner{
    height: 300px;
    width: 100%;
  }
  .imagery {
    height: 300px;
  }
}

@media (min-width: 576px){
  .carousel-inner{
    height: 500px;
    width: 100%;
  }
  .imagery {
    height: 500px;
  }
}


@media (min-width: 777px ) and (max-width:991px){
  .carousel-inner{
    height: 200px;
  }
  .imagery {
    height:200px;
  }
}


.carousel-inner > .carousel-item > img{
  margin:auto;
  }

.carousel-inner > .carousel-item > img{
    margin:auto;
 
}


.carousel-item {
  height: 100%;
}
  
.carousel-item img {
  max-height: 100%;  
  max-width: 100%; 
  position: absolute;  
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin:0 auto;
}