.personList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  width: 70vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.personList > dt {
  width: 45%;
}

.personList > dd {
  width: 55%;
}

@media screen and (max-width: 736px) {
  .personList {
    display: block;
    width: auto;
  }

  .personList > dt {
    width: auto;
  }

  .personList > dd {
    width: auto;
    padding-left: 2em;
  }
}