@media screen and (max-width: 620px){
  
  a.link {
    text-decoration: underline;
  }
  input[type="email"] {
    text-align: center;
  }
  section form {
    min-height: 300px;
  }
  section form p {
    margin-top: 0;
  }
  section form div {
    flex-direction: column;
  }
  section form div a.button {
    margin-bottom: 20px;
  }
  section form div button:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  section dl {
    flex-direction: column;
    max-width: 100% !important;
  }
  section dl dt {
    margin-bottom: 10px;
  }
  section dl dd span {
    display: block;
  }
  div.dialog form p {
    font-weight: 400;
  }
  div.dialog dl {
    display: flex;
    flex-direction: column;
  }
  div.dialog dt {
    width: 100%;
  }
}