.team-member-detail {
  max-width: 1160px;
  padding: 16px 16px 32px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .team-member-detail {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .team-member-detail .details {
    flex: 0 0 33%;
    padding: 32px 16px;
  }
}
@media (min-width: 1024px) {
  .team-member-detail .details {
    padding: 32px 32px 64px;
  }
}
.team-member-detail .details .photo {
  margin-top: 1rem;
}
.team-member-detail .details .photo img {
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(111, 172, 213, 0.3);
}
.team-member-detail .details .meta {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
.team-member-detail .details .meta .mi {
  padding: 1rem 0.5rem;
}
.team-member-detail .details .meta i {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .team-member-detail .info {
    flex: 0 0 66%;
    padding: 32px 16px;
  }
}
@media (min-width: 1024px) {
  .team-member-detail .info {
    padding: 32px 32px 64px;
  }
}