.limited{height: 200px !important; width: inherit !important; max-width: 100%; margin: 0 auto;}
.truncate.card-title{font-size: 17px; font-weight: 500;}

.modal.modal-fixed-footer{height: 40%; min-height: 375px; max-width: 620px;}
.modal img{max-width: 185px; max-height: 300px;}
.modal .modal-content{padding: 0;}
@media only screen and (max-width: 600px){
    
    .modal .modal-footer{min-height: 102px;}
    .modal.modal-fixed-footer{min-height: 85%;}
}

.img-overlay {
  position: fixed;
  top: 90px;
  max-height: 80%;
  left: 50%;
  transform: translate(-50%, 0) scale(0, 0);
  z-index: 1200;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  transition: all .3s ease;
}

.overlay-dark {
  top: 0;
  position: fixed;
  background-color: #000;
  opacity: .9;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
}