.carousel-inner h3 {
 font-size: 20px;
 padding: 15px;
}
.carousel-inner p {
 font-size: 16px;
 padding: 10px;
}
#content img {
   max-width: 100%;
   height: auto;
 }

@media all and (max-width: 768px){
 .carousel-caption {
  bottom: 10%;
 }
 .carousel-inner h3 {
  font-size: 18px!important;
 }
 .carousel-inner p {
  font-size: 14px!important;
 }
 .item {
    height: 250px;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100%;
/*	height: 250px!important;*/
    object-fit: cover;
    margin-top: 15px;
    }
}
@media all and (max-width: 600px) {
 .carousel-inner h3{
    font-size: 16px!important;
 }
 
}