ul.people-categories {
  list-style: none;
  padding: 0; }

ul.people-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.people-list li {
    clear: both;
    margin-bottom: 50px;
    background: #f8f8f8;
    padding: 20px; }
  ul.people-list h3 {
    color: #961224;
    margin: 0; }
    ul.people-list h3 small {
      font-size: 50%;
      display: inline-block;
      margin-left: 10px; }
  ul.people-list h6 {
    margin: 0;
    font-weight: 600; }
    ul.people-list h6 a {
      font-weight: 400;
      margin-right: 20px; }
  ul.people-list a {
    color: #666666; }
    ul.people-list a:hover, ul.people-list a:focus {
      color: #961224;
      text-decoration: none; }
  ul.people-list img {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 50px; }
    @media screen and (max-width: 480px) {
      ul.people-list img {
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px; } }
  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%); }

article.person-detail h1 span.position {
  display: block;
  font-size: 50%;
  margin-top: 5px; }