.staff-profiles {text-align:center;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}.staff-profiles .staff {width:20%;padding:15px 5px;box-sizing:border-box;vertical-align:top}.staff-profiles .staff p {padding-bottom:5px}.staff-profiles .staff .avatar {padding:0;position:relative}.staff-profiles .staff .avatar img {vertical-align:bottom;height:auto;opacity:0.9;filter: alpha(opacity = 90);zoom:1;transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px;-o-border-radius:75px;-ms-border-radius:75px}.staff-profiles .staff .avatar a.accent-bg {opacity:0;filter: alpha(opacity = 0);zoom:1;position:absolute;right:0;top:10px;padding:0px 5px;color:#FFF;font-weight:bold;font-size:90%;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease}.staff-profiles .staff:hover .avatar img,.staff-profiles .staff:hover .avatar a.accent-bg {opacity:1;filter: alpha(opacity = 100);zoom:1}.staff-profiles .staff .heading {border:none;margin:0;padding:10px 10px 5px 10px;font-size:140%}.staff-profiles .staff .role {font-weight:bold;color:var(--text-color-soft)}.staff-profiles .staff .text {font-size:smaller}@media screen and (max-width:800px) {.staff-profiles > .staff {width:50%}}