#team-list {max-width: 1140px; margin: 0 auto;}
#team-list  {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	margin-bottom: 10px;
}
#team-list .team{
	padding: 20px 5px;
}
#team-list .team-header {
	background: #000;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	transition: background 0.3s;
	padding-bottom: 5px;	
	text-align: center;		
	position: relative;
	height: 100%;
}
#team-list .team-header::after {
	content: "";
	position: absolute;
 bottom:0; left:0;
	width: 0; height: 3px;
	transition: 0.3s all ease;
}
#team-list .team-header:hover,
#team-list .team-header.open {
	background: #111;
	border-radius: 5px 5px 0 0;
}
#team-list .team-header:hover::after,
#team-list .team-header.open::after {
	background-color: #44d62c;
	width: 100%;
}
#team-list .team-header img {
	width: auto;
	max-width: 150px;
	object-fit: cover;
	margin: auto;
}
#team-list .team-header h3 {
	font: 700 1.4rem / 1 "Titillium Web", RazerF5, Arial, Helvetica, sans-serif;
	color: #fff; 
	text-align: center;
	margin: 0;
	padding: 1.5rem 0 1rem;	
}
#team-list .expand-box {
	grid-column: 1 / -1;
	background: #111;
	border-radius: 5px;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.5s ease, padding 0.4s ease, opacity 	0.3s ease;
	opacity: 0;
	color: #fff;	
	visible: hidden;
}
#team-list .expand-box.open {
	max-height: 680px;	
	opacity: 1;
}
#team-list .expand-box .wrap-box {
		padding: 2rem;
}
#team-list .expand-box p {
	margin-bottom: 0;
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-5px); }
	to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
	#team-list {
		grid-template-columns: repeat(3, 1fr);
  }
	#team-list .expand-box.open {
		max-height: none;
	}
	#team-list .expand-box .wrap-box {
		padding: 1rem;
	}
	#team-list .team-header h3 {font-size: 1.125rem;}
	#team-list .team-header img {max-width: 90px;}
}   
#team-list .expand-box .wrap-box h3, #team-list .expand-box .wrap-box p{font-family: Roboto, sans-serif;}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}