.teamWrapper {
	padding-top:20px;
}
.teamWrapper .team-item .photo {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
.teamWrapper .team-item .photo::before {
	content:'';
	display:block;
	width:100%;
	padding-top:67%;
}
.teamWrapper > a {
	position:absolute;
	top:0;bottom:0;left:0;right:0;
	width:100%;
	height:100%;
	z-index:15;
}
.teamWrapper .buttonContainer {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
.teamWrapper .buttonContainer .button {
	margin-right:10px;
}
.teamWrapper > div {
	display:inline-block;
	vertical-align:top;
}
.teamWrapper .details {
	padding:10px;
	position:relative;
}
.teamWrapper .details .line1,
.teamWrapper .details .line2 {
	display:flex;
	justify-content:center;
}
.teamWrapper .details .name {
	font-weight:bold;
	padding:0px 10px;
}
.teamWrapper .details .line2 a {
	display:flex;
}
.teamWrapper .details .line2 a:first-child:not(:last-child)::after {
	content:'|';
	display:block;
	margin-left:5px;
	margin-right:5px;
}

/* Tablets only */
@media (min-width : 768px) {
	.teamWrapper {
		position:relative;
		margin-bottom:20px;
		position:relative;
		text-align:left;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
	}
	.teamWrapper .team-item {
		width:31%;
		position:relative;
		display:flex;
		flex-direction:column;
		margin:0 1% 20px 1%;
	}
}
@media (max-width : 767px) {  
	.teamWrapper > div {
		display:block;
	}
	.teamWrapper .photo {
		margin:0px auto;
	}
	.teamWrapper .details {
		width:auto;
	}
	.teamWrapper .team-item {
		width:100%;
		flex-wrap:wrap;
		margin-bottom:20px;
	}
	.teamWrapper .team-item .photo {
		width:100%;
	}
}