#content ul.people-list {
  list-style: none;
  padding: 0;
  margin: 50px 0 0 0; }
  #content ul.people-list li {
    float: left;
    box-sizing: border-box;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 0; }
    #content ul.people-list li:nth-of-type(4n) {
      margin-right: 0%; }
    @media screen and (max-width: 950px) {
      #content ul.people-list li {
        float: left;
        box-sizing: border-box;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 0; }
        #content ul.people-list li:nth-of-type(2n) {
          margin-right: 0%; } }
    @media screen and (max-width: 640px) {
      #content ul.people-list li {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-right: 10%;
        margin-bottom: 10%;
        padding: 0; }
        #content ul.people-list li:nth-of-type(1n) {
          margin-right: 0%; } }
    #content ul.people-list li a {
      display: block; }
      #content ul.people-list li a:hover, #content ul.people-list li a:focus {
        text-decoration: none; }
        #content ul.people-list li a:hover img, #content ul.people-list li a:focus img {
          border-bottom: 5px solid #abd82b; }
      #content ul.people-list li a h3 {
        color: #0a2260;
        font-weight: 700;
        font-size: 18px;
        margin: 5px auto 5px auto; }
      #content ul.people-list li a p {
        color: #000; }
      #content ul.people-list li a img {
        display: block;
        width: 100%;
        height: auto;
        border-bottom: 5px solid #ffffff;
        margin-bottom: 15px; }

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