.carousel-control-prev,
.carousel-control-next{
  width: 3% !important;
}

.carousel {
  width: 100%;
}

.contain {
  width: 285px;  height: 255px;


}


.slide-box {
  display: flex;
  justify-content: space-between;
}

.one {
  bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
}

.carousel-indicators {
  top: 420px;
  bottom: 0;
}

figcaption {
  padding-top: 20px;

}

figure {
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}
img.scaled {
  width: 100%;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  figcaption {
    padding: 20px;

  }
  .card-title {
    font-size: 20px;
    text-align: center;
  }
  .carousel-indicators {
  top: 500px;
  bottom: 0;
}
}


@media (min-width: 768px) and (max-width: 991.98px) {


  .contain {
  width: 285px;  height: 255px;
  padding: 20px;
  } 
.top-center {
  top: 36%;
  right: 70px;
}
.row {
  flex-wrap: nowrap!important; 
  padding: 0;

}
.col-md-3 {
  flex: 0 0 0!important;
}
.footer {
  float: left;
  background-color: #d7ddf3;
  width: 100%!important;
  max-width: 800px!important;
}




.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: .5rem;

}