*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
transform: all .2s linear;
}
.team-title{
    font-size: 43px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.box-container-team{
 min-height: 80vh;
 background: url(../img/bgbuilding.jpg) no-repeat;
 background-size: cover;
 background-position: center;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 padding-bottom: 80px;
 margin-bottom: 5%;
}

.box-container-team .box{
 height: 400px;
 width: 280px;
 border: 8px solid #fff;
 box-shadow: 0 5px 5px #000;
 overflow: hidden;
 margin: 20px 35px;
}

.box-container-team .box img{
 height: 100%;
 width: 100%;
 object-fit: cover;
 filter: grayscale();
}

.box-container-team .box:hover img{
   filter: grayscale(0%);
   /* transform: scale(1.1); */
   }

.box-container-team .box .info{
 text-align: center;
 background: #fff;
 position: relative;
 bottom: 55px;
}

.box-container-team .box:hover .info{
    bottom: 158px;
}

.box-container-team .box .info .title{
    padding: 10px 0;
    font-size: 28px;
    color: #333;
    text-transform: capitalize;
}

.box-container-team .box .info .post{
    font-size: 20px;
    color: #999;
}

.box-container-team .box .info .share{
    margin-top: 10px;
    border-top: 1px solid #4444;
}
    
.box-container-team .box .info .share a{
    font-size: 20px;
    margin: 30px 10px;
    text-decoration: none;
    color:#333;
}

.box-container-team .box .info .share a:hover{
    color: #999;
}