@charset "utf-8";

h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
.staffmember {padding: 20px 40px 15px; margin-bottom: 20px; background: #E8EEF7;}
.staffmember p {margin-bottom: 0;}
.staffmember p.ed {margin-bottom: .4em;}
.staffmember .bio {padding-left: 1em; border-left: 1px dotted; margin-top: 0.7em; }
.pix {float: right; margin-right: 0px; margin-left: 1em; margin-bottom: 1em; width: 20%; text-align: right; padding-top:10px;}
.pix img {border-radius: 50%; margin-right: 0px; margin-left: auto;}
#content ul {list-style: disc outside; margin-left: 1em;}
#content ul li {margin-bottom:.8em; line-height:1.1em;}

@media (max-width: 480px) {
.staffmember {padding: 20px 15px;}
.pix {float: none; margin-right: auto; margin-left: auto; margin-bottom: 1em; width: 100%; text-align: center; padding-top:10px;}
.pix img {margin-right: auto; margin-left: auto;}
.staffmember .bio {padding-left: 0; border-left: none; margin-top: 0.5em;}
.eml:before {content: "email";}
.mbleml {display:inline;}
.dskeml {display:none;}
}
@media (min-width:481px) and (max-width: 699px) {
.staffmember {padding: 20px 20px;}
.staffmember .bio { padding-left: 0; border-left: none; margin-top: 0.5em;}
}
@media (min-width: 700px) {h1 {font-size: 1.7em;}}
@media (min-width: 992px) {h1 {font-size: 1.9em;}}
@media (min-width: 1200px) {h1 {font-size: 2em;}}