.modal-map {
  height: 100%;
  max-width: none;
  position: relative;
  width: 100%;

  > .modal-content {
    display: flex;
    padding: 0;
  }

  > .modal-close {
    bottom: 0;
    margin-bottom: 1em;
    left: 50%;
    margin-left: -8em;
    max-width: 100%;
    position: absolute;
    text-align: center;
    width: 16em;
  }

  > .scenario-badge {
    left: 50%;
    margin: 10px 0 0 -3em;
    padding: .25em 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 6em;
  }
}