.modal {
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.modal-open .modal {
  opacity: 1;
}

.close-modal svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 1200px) {
  .close-modal svg {
    width: 30px;
    height: 30px;
  }
}

.modal-open header {
  opacity: 0;
  visibility: hidden;
}