/* Override inline dom styles from modal.js */
#modalContent {
  position: fixed !important;
  top: 4% !important;
  bottom: 4% !important;
  right: 18% !important;
  left: 18% !important;
}

@media (max-width: 480px) {
  #modalContent {
    right: 1% !important;
    left: 1% !important;
  }
}

/* Limit max width to 1000px */
div.ctools-modal-content {
  width: 100% !important;
  margin: 0 auto;
  max-width: 1000px;
}
div.ctools-modal-content .modal-content {
  width: 100% !important;
}