* {
    box-sizing: border-box;
  }
  
  .row > .column {
    padding: 0 8px;
  }
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .column {
    float: left;
    width: 25%;
  }
  
  .modal-body,.modal-content,.modal-backdrop{
    background-color: #bbaebfb3;

  }

/* 
  .img-modal{
    max-height: 1143px;
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 10px 0 10px;
    margin: 0 auto;
  } */
  

/* 
  .img-modal-tall{
    max-height: 1143px;
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 10px 0 10px;
    margin: 0 auto;
  }

  .mySlides > .img-modal-tall {
    display: block;
    margin-left: auto;
    margin-right: auto;
} */

.img-modal{
  width:auto;
  max-width: 80%;
  width: auto\9; /* ie8 */
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 70vh;
}