.staff-list {height:auto;overflow:auto;width:100%;}
.staff-list .staff-panel {width:calc(50% - 10px);margin-bottom:20px;padding:20px;margin-right:20px;border-left:4px solid #1f8f23;float:left;height:auto;background-color:#FFF;}
.staff-list .staff-panel:nth-child(even) {margin-right:0;}
.staff-list .staff-panel .image {width:100px;float:left;}
.staff-list .staff-panel .image .avatar {width:80px;height:80px;border-radius:50%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.staff-list .staff-panel .image .avatar.default {background-image:url('../buildgfx/avatar.svg');}
.staff-list .staff-panel .details {width:calc(100% - 100px);float:left;}
.staff-list .staff-panel .details .name {font-size:20px;color:#00349a;padding-bottom:2px;font-weight: bold;font-family: 'PT Sans', sans-serif;}
.staff-list .staff-panel .details .role {font-size:16px;padding-bottom:2px;color:#cccccc;}

@media screen and (max-width:900px)
{
    .staff-list .staff-panel {width:100%;float:unset;height:auto;overflow:auto;margin-right:0;}
}

@media screen and (max-width:520px)
{
    .staff-list .staff-panel .image {float:none;margin:auto;margin-bottom:20px;width:80px;}
    .staff-list .staff-panel .details {float:none;width:100%;}
    .staff-list .staff-panel .details .name, .staff-list .staff-panel .details .role {text-align: center;}
}