/*
 * About People Page CSS
 */

.staff_block, .board_block {
    padding-bottom: 2rem;
    transition-duration: 0.8s;
    transition-property: transform;
}
@media only screen and (min-width: 1000px){
    .staff_block {max-width:25%;}
}
.staff_block:hover { cursor: pointer; transform: rotate(-3deg) scale(1.2); }
.staff_block:nth-child(even):hover { transform: rotate(3deg) scale(1.2); }

.staff_block A { text-decoration: none; color: white; }

.staff_photo { margin: -15px 0 10px 0; padding: 0; text-align: center; }
.staff_header { font-size: 200%; }

.staff_pic { margin: 0; }
.staff_pic img { width: 220px; height: 220px; }

.staff_banner {
    width:  220px;
    height: 60px;
    padding: 0.5rem;
    background: linear-gradient(180deg, rgba(0,0,10,0.8) 10%, rgba(0,0,50,0.8) 80%);
    overflow: hidden;
}
.staff_block:nth-child(2n) .staff_banner { background: linear-gradient(180deg, rgba(10,0,10,0.8) 10%, rgba(50,0,50,0.8) 80%); }
.staff_block:nth-child(3n) .staff_banner { background: linear-gradient(180deg, rgba(0,10,10,0.8) 10%, rgba(0,50,50,0.8) 80%); }

.staff_block:hover .staff_banner { background: linear-gradient(180deg, rgba(125,125,0,0.8) 10%, rgba(10,10,0,0.8) 80%); }

.staff_name, .board_name { font-weight: bold; color: navy; margin: 0px; font-family: Inconsolata; font-size: 90%; }
.staff_title, .board_title, .board_company { font-size: 60%; color: #999999; line-height: 8px; }
.staff_location { font-size: 60%; color: #999999; }

.staff_blog {  }
.staff_about { clear: both; }

.staff_about img { max-width: 100%; height: auto; }

.board_img img{ width:150px; height:150px; }
.board_name{ color:#fff; }