:root {
	--teamavawidth: 210px;
}

.team {
	width: var(--boardwidth);
	margin: 30px 0;
}

.team-members {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.team-members > div {
	flex: 1;
}

.team-column {
	display: flex;
	background: var(--trowbgcolor);
    color: var(--trowtextcolor);
}

.team-column a:link, .team-column a:visited, .team-column a:hover, .team-column a:active {
	color: var(--trowtextcolor);
}

.team-column > div {
	padding: 10px;
}

.teamava {
	width: var(--teamavawidth);
	text-align: center;
}

.teamava img {
	height: 300px;
	width: calc(var(--teamavawidth) - 10px);
	object-fit: cover;
	display: inline-block;
	border: 10px solid var(--theadbgcolor);
	filter: sepia(1) brightness(140%);
}

.teammemberinfos {
	flex: 1;
	text-align: center;
	padding: 10px;
}


/* Content */

.team-membername {
	border-bottom: 1px solid var(--theadbgcolor);
	padding: 5px;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	text-wrap: balance;
}

.team-connect {
	padding: 5px;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}