.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, .4);
  z-index: 100;
  padding: 2rem 4rem;
  display: flex;
}

@media (max-width: 40rem) {
  .modal {
    padding: 2rem;
  }
}