.modal-thumb {
  max-width: 100px;
}

#formModal {
    background: rgba(0,0,0,0.75);
    z-index: 10000000;
}

#formModal .modal-body {
    padding-bottom: 99%;
}


#formModal .modal-dialog {
    margin-top: 8vh;
}
  


@media all and (min-width: 576px) {

    #formModal .modal-body {
        padding-bottom: 50%;
    }


    #formModal .modal-dialog {
        margin-top: 10vh;
    }
}



.modal-body {
  display: flex;
  align-content: center;
  max-height: 66vh;
}

.modal-body img {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  margin: auto;
}

.modal-header {
  background: #46166B;
}

.modal-header .close {
  color: #ffffff;
}

.modal-title {
  display: flex;
  color: #ffffff;
}

.modal-title .field--type-fontawesome-icon,
.modal-title .svg-inline--fa {
  margin-right: 10px;  
  margin-top: 3px;
}



.modal-thumb {
    max-width: 100px;
}
    