@media only screen and (min-width: 0px) {
  .component.org-unit-biographies .heading {
    padding-bottom: 32px;
  }
  .component.org-unit-biographies .grouping .group-headline {
    padding-bottom: 16px;
    position: relative;
  }
  .component.org-unit-biographies .grouping .group-headline:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #979797;
    display: block;
    position: absolute;
    bottom: 0;
  }
  .component.org-unit-biographies .grouping .staff-member {
    padding: 24px 0 48px;
  }
  .component.org-unit-biographies .grouping .staff-member .data {
    margin-left: 20px;
  }
  .component.org-unit-biographies .grouping .staff-member .data .name {
    color: #000;
    font-size: 18px;
    font-weight: 900;
    line-height: 26px;
  }
  .component.org-unit-biographies .grouping .staff-member .data a .name {
    color: #00267e;
  }
  .component.org-unit-biographies .grouping .staff-member .data a .name:hover {
    color: #464646;
  }
  .component.org-unit-biographies .grouping .staff-member .data ul {
    margin-left: 0;
    list-style-type: none;
  }
  .headshot-thumbnail {
    position: relative;
    height: 78px;
    width: 78px;
  }
  .headshot-thumbnail img {
    border-radius: 50%;
    height: 100%;
    z-index: -1;
  }
}
@media only screen and (min-width: 640px) {
  .headshot-thumbnail {
    height: 90px;
    width: 90px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .component.org-unit-biographies .grid-x > div {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .headshot-thumbnail {
    height: 78px;
    width: 78px;
  }
}