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

/* Carousel base class */
.carousel {
  height: 480px;
  width: 640px;
  margin: 0px auto 10px auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 480px;
  background-color: #000000;
  overflow: hidden;
}

.carousel-inner > .item > img {
  /*position: absolute;*/
  top: 0;
  left: 0;
  /*min-width: 100%;*/
  /*height: 500px;*/
  object-fit: none;
  min-width: none;
  min-height: 100%;
}



.done-true
{
text-decoration: line-through;
color: grey;
}



.modal-dialog {
    width: 700px;
    margin: 30px auto;
}

@media (max-width: 800px)
{

.carousel {
  height: 240px;
  width: 300px;
  margin: 0px auto 10px auto;
}

.carousel .item {
  height: 240px;
  background-color: #000000;
  overflow: hidden;
}

.carousel-inner > .item > img {
  object-fit: fill;
}


 .modal-dialog {
    width: 350px;
    margin: 30px auto;
}



}