.cpt-people{display:flex;flex-wrap:wrap;justify-content:center}.person{box-sizing:border-box;display:block;flex:1 0 25%;max-width:280px;overflow:hidden;padding:.5rem;position:relative}.person>span{display:block;position:relative}.person img{display:block;height:100%;position:relative;transition:1s all;width:100%;z-index:1}.person img:first-child{opacity:0;z-index:2}.person img:last-of-type{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:1}.person img+img{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.person:hover img:first-child{opacity:1}.person:hover img:first-child{-webkit-filter:grayscale(0);filter:grayscale(0)}.person .caption{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;left:0;opacity:0;padding:15px;position:absolute;right:0;text-transform:uppercase;transition:1s all;z-index:10}.person .caption span{display:block}.person .name{color:#a9d47d;font-family:din condensed,sans-serif;font-size:20px;font-weight:500}.person .role{font-family:open-sans,sans-serif;font-size:12px}.person:hover .caption{opacity:1}.has-2-columns:not(.alignfull) .cpt-people .person{flex-basis:33%;max-width:33%}@media(max-width:980px){.person{flex-basis:50%}.has-2-columns:not(.alignfull) .cpt-people .person{flex-basis:50%;max-width:50%}}@media(max-width:480px){.person{flex-basis:100%}}