.biography-boxes .card {
  border: 1px solid #CCC;
  margin-bottom: 25px; }
  .biography-boxes .card .faculty-type {
    display: none; }

@media screen and (min-width: 980px) {
  .biography-boxes {
    width: 102%; }
  .biography-boxes .card {
    flex: 0 0 48% !important;
    margin-bottom: 2%;
    margin-right: 2%;
    flex-direction: row;
    border: 1px solid #CCC; }
  .biography-boxes .card .faculty-image {
    width: 40%; }
  .biography-boxes .card .card-body {
    width: 60%; } }

@media screen and (min-width: 580px) and (max-width: 979.98px) {
  .biography-boxes .card {
    flex-direction: row;
    width: 100%; }
  .biography-boxes .card .faculty-image {
    width: 25%; }
  .biography-boxes .card .card-body {
    width: 75%; } }

.biography-boxes .faculty-name {
  font-size: calc(18px + 8*(100vw - 100px)/1900);
  transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .biography-boxes .faculty-name:hover, .biography-boxes .faculty-name:focus {
    color: #CC0035; }

.biography-boxes .faculty-type {
  margin-bottom: 0; }

.biography-boxes .faculty-type + .faculty-education {
  margin-top: 15px; }

.biography-boxes .faculty-title {
  margin-bottom: 15px; }

.biography-boxes .faculty-education {
  margin-bottom: 15px; }

.biography-boxes .faculty-department {
  border-top: 1px solid #CCC;
  padding-top: 15px;
  margin-bottom: 0; }

.biography-boxes .faculty-department .department {
  display: block; }

@media screen and (min-width: 980px) {
  .page-with-sidebar .biography-boxes .card {
    flex: 0 0 100% !important;
    margin-right: 0; }
    .page-with-sidebar .biography-boxes .card .faculty-image {
      width: 30%; } }