ul.people-list {
  list-style: none;
  padding: 0;
  margin: 50px 0 0 0; }
  ul.people-list li {
    float: left;
    box-sizing: border-box;
    width: 28%;
    margin-right: 8%;
    margin-bottom: 8%;
    padding: 0; }
    ul.people-list li:nth-of-type(3n) {
      margin-right: 0%; }
  ul.people-list h1, ul.people-list a {
    color: #333; }
  ul.people-list a {
    display: block;
    position: relative;
    overflow: hidden; }
    ul.people-list a:hover > span, ul.people-list a:focus > span {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: scale(1.15);
      transform: scale(1.15); }
  ul.people-list img {
    display: block;
    width: 100%;
    height: auto; }
  ul.people-list span.title {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; }
    ul.people-list span.title span {
      background: none;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: auto;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }

section.person-detail {
  padding-top: 130px;
  text-align: center; }
  @media screen and (max-width: 730px) {
    section.person-detail {
      padding-top: 150px; } }
  section.person-detail h1 {
    font-size: 40px; }
  section.person-detail .twocol {
    float: left;
    box-sizing: border-box;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 5%;
    padding: 0;
    text-align: left; }
    section.person-detail .twocol:nth-of-type(2n) {
      margin-right: 0%; }
    @media screen and (max-width: 730px) {
      section.person-detail .twocol {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-right: 5%;
        margin-bottom: 5%;
        padding: 0; }
        section.person-detail .twocol:nth-of-type(1n) {
          margin-right: 0%; } }
    section.person-detail .twocol h2 {
      text-transform: uppercase;
      letter-spacing: 0.1em; }
    section.person-detail .twocol h4 {
      line-height: 160%;
      font-weight: 300;
      font-family: 'Poppins'; }
    section.person-detail .twocol img {
      display: block;
      width: 100%;
      height: auto; }