.team-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px auto;
    justify-content: flex-start;
	gap: 2%;
}
.team-wrapper .team-item.featured {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:70px;
}
.team-wrapper .team-item {
    width: 32%;
    position: relative;
	margin-bottom:50px;
}
.team-wrapper .team-item > a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;right:0;bottom:0;top:0;
	z-index:20;
}
.team-wrapper .team-item .overlay {
	display:none;
}
.team-wrapper .team-item .overlay .name {
	color: #F4F4EA;
	font-family: "Playfair Display";
	font-size: 25px;
	font-weight: 500;
	letter-spacing: -0.52px;
}
.team-wrapper .team-item .overlay a {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.15px;
}
.team-wrapper .team-item .overlay .title {
    color: #F4F4EA;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.46px;
	line-height:1.2;
	margin-bottom: 40px;
}
.team-wrapper .team-item:hover .overlay {
	display:block;
	width:100%;
	position:absolute;
	left:0;right:0;
	bottom:25px;
	color:#fff;
	z-index:10;
}
.team-wrapper .team-item:hover .overlay >div{
	text-align:center;
	padding:0px 25px;
}
.team-wrapper .team-item:hover .overlay a {
	color:inherit;
}
.team-wrapper .team-item:not(.content-box):hover:before {
	display:block;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;right:0;bottom:0;top:0;
	opacity: 0.75;
	background: linear-gradient(180deg, rgba(97,86,83,0.23) 0%, #322B29 100%);
	mix-blend-mode:multiply;
	z-index:5;
}
.team-wrapper .team-item.content-box .details {
	padding:50px;
}
.team-wrapper .team-item .photo {
	background-size:cover;
	background-position:center center;
	position:relative;
	background-repeat:no-repeat ;
	height:100%;
}
.team-wrapper .team-item.featured .photo {
	width:45%;
	background-size:100% auto;
	background-position:top left;
	margin-bottom:0;
}
.team-wrapper .team-item .photo::after {
	display:block;
	width:100%;
	content:"";
	padding-top:111%;
}
.team-wrapper .team-item h3 {
	margin-bottom:3px;
}
.team-wrapper .team-item .details {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.7;
}
.team-wrapper .team-item.featured .details {
	display:flex;
	flex-direction:column;
	width:52%;
    font-size: 18px;
}
.team-wrapper .team-item .email {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:10px;
}
.team-wrapper .team-item .email a {
	text-decoration:none;
	display: flex;
    align-items: center;
}
.team-wrapper .team-item .email svg {
	width:28px;
	margin-right:10px;
}
.team-wrapper .team-item .description  {
	flex-grow:1;
}
.team-wrapper .buttonContainer {
	position:absolute;
	z-index:20;
	top:0;
}
.team-wrapper .buttonContainer .button {
	font-size:11px;
	line-height:1.3;
	margin-right:10px;
}
@media (max-width : 999px) {
	.team-wrapper .team-item {
		width:100%;
		margin-right:0 !important;
		flex-wrap:wrap;
	}
	.team-wrapper .team-item > div {
		width:100% !important;
	}
	.team-wrapper .team-item .details{
		line-height:1;
	}
	.team-wrapper .team-item .overlay .title {
		line-height:1.4;
		padding:5px 0;
		margin-bottom:0;
	}
	.team-wrapper .team-item .email a {
		justify-content:center;
	}
	.team-wrapper .team-item .photo, .team-wrapper .team-item.featured .photo {
		margin-bottom:0px;
	}
	.team-wrapper .team-item .overlay, .team-wrapper .team-item:hover .overlay {
		position:static;
		background-color:#699135;
		color:#fff;
		display:block;
		padding:20px;
	}
	.team-wrapper .team-item:hover .overlay >div {
		text-align:left;
	}
	.team-wrapper .team-item .overlay a {
		color:#fff;
	}
	.team-wrapper .team-item .photo {
		height:auto;
	}
}