.stafftypes a { border: 1px #666666 solid; background:#666666; color:white; padding: 3px 9px; display: inline-block; }
.stafftypes a:hover { background:#2d2d2d; text-decoration:none; }

.stafftypes .on { border: 1px #666666 solid; background:transparent; color:#666666; }
.stafftypes .on:hover { color:white; }


.staffbox { clear:both; margin-bottom: 15px; background:white; }
.staffbox .staff-pic { background-size:cover; background-position:center center; }
.staff-caption { padding: 20px 30px; margin: 0px;  background:white;  }
.staff-caption h3 { font-weight:bold; margin: 0px 0px 6px 0;  }
.staff-caption .jobtitle { margin: 0px 0 6px 0; font-style:italic; font-size: 14px;  }
.staff-caption .desc { border-top: 1px white solid; padding: 5px 0; font-size: 13px; line-height: 125%;  }

.staff-caption .email { float:right; font-size: 25px; }

.staff-caption .more a { background-color:#2d2d2d; color:white; padding: 3px 8px; }
.staff-caption .more a:hover { text-decoration:none; background-color: #666666}


@media only screen and (max-width: 970px) 
{.staffbox .staff-pic { height: 970px; }}

@media only screen and (max-width: 870px) 
{.staffbox .staff-pic { height: 800px; }}

@media only screen and (max-width: 700px) 
{.staffbox .staff-pic { height: 700px; }}

@media only screen and (max-width: 600px) 
{.staffbox .staff-pic { height: 600px; }}

@media only screen and (max-width: 500px) 
{.staffbox .staff-pic { height: 500px; }}

@media only screen and (max-width: 400px) 
{.staffbox .staff-pic { height: 400px; }}

@media only screen and (max-width: 300px) 
{.staffbox .staff-pic { height: 300px; }}

@media only screen and (max-width: 200px) 
{.staffbox .staff-pic { height: 200px; }}





.staff h1 { margin-bottom: 7px; }
.staff .jobtitle { font-style:italic; font-size: 20px; }
.staff img { float:right; margin: 0 0 20px 30px; max-width: 45%; }
.staff .desc { font-size: 16px; }
.staff .email { font-size: 20px; }
.staff .email a { text-decoration:none; color:white; background-color:#2d2d2d; padding: 5px 15px;}
.staff .email a:hover { text-decoration:none; background-color:#666666; }

.staff .email .fa { margin-left: 20px; }




@media only screen and (max-width: 650px) 
{

.staff img { float:none; margin: 20px 0; width: 100%; max-width: 100%; height: auto;  }


}