.dept {
  width: 100%;
  background-color: #eef1f1;
  padding: .75rem 1rem .25rem;
}
.dept h4 {
	font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
    font-size: 17px;
}
.dept h4 .deptemail {
  margin-left: 3rem;
}

.dept_list {
  margin-bottom: 2rem;
  border: 1px solid #eef1f1;
}
.person_name, .person_email {
	font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
}
.person {
	padding: .25rem 1rem;
}
.person a {
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  text-decoration: underline;
}
  .person_nametitles {display: inline;}
  .person_name, .person_contact {display: inline;}
  .person_titles { display: inline; padding-left: 1rem;}
  .person_email, .person_phone { display: inline; padding-left: 1rem;}
/*
@media all and (min-width: 1501px) {  
  .person {
	grid-template-columns: 17rem 23rem 10rem 13rem;
  }
}
@media all and (min-width: 981px) and (max-width: 1500px) {  
  .person {
	grid-template-columns: 10rem 13rem 8rem 9rem;
  }

}
@media all and (max-width: 980px) {
  .person {
	grid-template-columns: 100%;
	padding-bottom: 1.5rem;
  }
  .person_nametitles {display: inline;}
  .person_name, .person_contact {display: inline;}
  .person_titles { display: inline; padding-left: 1rem;}
  .person_email, .person_phone { display: inline; padding-left: 1rem;}
}
*/
@media all and (max-width: 540px) {
  .deptemail {display: block; clear: all;}
  .person_titles {display: block;}
}