.container {
  max-width: 900px;
}

/* Use flexbox on the cards row so cards don't stair-step when they have
   different description heights. Scoped via .full-width which the
   people page uses for its card rows. */
.row.full-width {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Person card layout — photo on top (circular), name + title centered,
   description body, social icons row. Two cards per row on desktop
   (col-md-6); single column on narrower viewports. */
.person-card {
  text-align: center;
  margin-bottom: 2.5em;
}

.person-photo {
  width: 200px;
  height: 200px;
  object-fit: cover;
  margin: 0 auto 1em;
  display: block;
}

.person-card h2 {
  margin-bottom: 0.25em;
}

.person-title {
  color: #777;
  margin-bottom: 1em;
}

.person-desc {
  text-align: left;
  margin-bottom: 1em;
}

.person-social {
  text-align: center;
  line-height: 1;
}