.student-profiles-control{
	display:flex;
	gap:4px;
	justify-content:center;
	margin:48px 0 -24px;
}

	.student-profiles-control a{
		display:block;
		width:100px;
	}
	
	.student-profiles-control a + a{
		margin-left:-20px;
	}

.student-profile .student-profile-description{
	font-size:0.9rem;
	text-transform:uppercase;
}

.student-profile .student-profile-profile{
	display:flex;
	border:16px solid #E31837;
	margin:48px 0 0;
}

.student-profiles-control img{
	max-width:250px;
	clip-path:polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
	object-fit:cover;
}

.student-profile img{
	max-width:250px;
	clip-path:polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
	margin:-24px 0 -24px -68px;
	object-fit:cover;
}

	.student-profiles-control img{
		width:100px;
		height:150px;
	}
	
	.student-profiles-control a:hover img,
	.student-profiles-control a.selected img{
		border-bottom:5px solid #E31837;
	}

.student-profile .student-profile-details{
	align-self:center;
	padding:24px;
}

.student-profile .student-profile-name{
	display:none;
}

.student-profile .student-profile-summary,
.student-profile .student-profile-quote{
	font-size:1.25rem;
	line-height:1.5;
	margin:8px 0 16px;
}

.student-profile .student-profile-quote{
	position:relative;
}

.student-profile .student-profile-quote:before{
	font-family:"FontAwesome";
	font-size:2rem;
	color:#E31837;
	display:block;
	text-align:left;
	position:relative;
	content:'\f10d'
}

.student-profile .student-profile-summary span,
.student-profile .student-profile-label-below span{
	color:#E31837;
}

@media (max-width:767px){
	.student-profile img{
		max-width:200px;
		margin:-24px 0 -24px -60px;
	}
	
	.student-profile .student-profile-summary{
		font-size:1.25rem;
	}
}

@media (max-width:400px){
	.student-profile-profile{
		flex-direction:column;
	}
	
	.student-profile-profile img{
		width:calc(100% + 34px);
		max-width:calc(100% + 34px);
		height:200px;
		object-fit:cover;
		object-position:50% 30%;
		margin:-17px -17px 24px -17px;
		clip-path:none;
	}
}