.layout {
  display: grid;
  grid-template-columns: 1fr;
}

.layout aside section {
  margin-bottom: 0;
}

.layout aside h2 {
  margin-bottom: .75rem;
}

.contact-info {
  order: -1;
}

.contact-info .headshot img {
  border-radius: 3px;
  margin-bottom: 2em;
}

.contact-info ul li {
  margin-bottom: 0;
}

dl {
  display: grid;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 1.125em;
}

@media screen and (min-width: 45rem) {
  .layout {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }

  .contact-info {
    order: 0;
  }

  dl {
    gap: 1.25em 0;
    grid-template-columns: 7em 1fr;
  }

  dt {
    margin: 0 1em 0 0;
  }

  dd {
    margin: 0;
    grid-column: 2 / 3;
  }
}