.team {
	width: 100%; 
	float: left;
}
.team .member {
	position: relative;
	width: 47.5%;
	margin: 0 5% 5% 0;
	display: block;
	float: left;
}

.team .member .panel {
	position: relative;

	top: 0;
	width: 100%;
	padding: 4px;

	box-sizing: border-box;
	border: 1px solid #aaa;
	border-radius: 4px;
	display: block;

	transition: all 0.25s;
}

.team .member:nth-child(2n+2) { margin-right: 0; }
.team .member h1 { margin: 7px 0 0 0; padding: 0 15px 0 15px; font-weight: bold; color: #000; font-size: 1.1em; }
.team .member h2 { margin: 0; padding: 0 15px 7px 15px; color: #aaa; font-size: 0.9em; }
.team .member img { width: 100%; border-radius: 4px; }
.team .member:hover .panel {
	top: -16px;
	border: 1px solid #ecc547;
	box-shadow: 0 16px 0 #ecc547;
}

@media(max-width: 400px)
{
	.team .member {
		width: 100%;
		margin-right: 0;
	}	
}

/* collabs */
.collaborators {
	float: left; width: 100%;
}
.collaborators a {
	position: relative;
	width: 30%; 
	float: left;
	margin: 0 5% 5% 0;
}
.collaborators .panel {
	position: relative;
	top: 0;
	width: 100%;
	padding: 16px;
	display: block;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-radius: 4px;
	transition: all 0.25s;
}

.collaborators a h1 { margin: 0; padding: 0; font-weight: bold; color: #000; font-size: 1.0em; }
.collaborators a h2 { margin: 0; padding: 0; color: #aaa; font-size: 0.8em; }
.collaborators a:hover .panel {
	top: -16px;
	border: 1px solid #d75ce3;
	box-shadow: 0 16px 0 #d75ce3;
}
@media(min-width: 601px)
{
	.collaborators a:nth-child(3n+3) { margin-right: 0; }
}

@media(max-width: 600px)
{
	.collaborators a { width: 47.5%; }
	.collaborators a:nth-child(2n+2) { margin-right: 0; }
}