a.btn-outline-secondary:hover {
    color: #fff !important;
}

.carousel-caption h1, .carousel-caption .h1, .carousel-caption h2, .carousel-caption .h2, .carousel-caption p {
    max-width: 1140px;
    display: block;
    margin: 0 auto;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .carousel-item.carousel-item-small {
    height: 16rem;
  }
  .carousel-caption {
    bottom: 1rem;
    padding-bottom: 0;
  }  
   #dnn_SliderPane .carousel-caption {
    bottom: 15%;
    padding-bottom: 3em;
     left: 5%;
     right: 5%;
  }  
  .carousel-caption p {
    font-size: 30px !important;
  }
 .carousel-caption h2 {
    font-size: 1.65rem !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .carousel-item.carousel-item-small {
    height: 20rem;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .carousel-item.carousel-item-small {
    height: 20rem;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .carousel-item.carousel-item-small {
    height: 20rem;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .carousel-item.carousel-item-small {
    height: 22rem;
  }
}

/* Extra large devices (large laptops and desktops, 1500px and up) */
@media only screen and (min-width: 1500px) {
  .carousel-item.carousel-item-small {
    height: 24rem;
  }
}

/* Extra large devices (large laptops and desktops, 1800px and up) */
@media only screen and (min-width: 1800px) {
  .carousel-item.carousel-item-small {
    height: 28rem;
  }
}

/* Extra large devices (large laptops and desktops, 2100px and up) */
@media only screen and (min-width: 2100px) {
  .carousel-item.carousel-item-small {
    height: 32rem;
  }
}

/* Extra large devices (large laptops and desktops, 2800px and up) */
@media only screen and (min-width: 2800px) {
  .carousel-item.carousel-item-small {
    height: 36rem;
  }
}

/* Extra large devices (large laptops and desktops, 3100px and up) */
@media only screen and (min-width: 3100px) {
  .carousel-item.carousel-item-small {
    height: 40rem;
  }
}

.img-fluid {
  width: 100%;
}