@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);


.profile-card {
	width: 19em;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	position: relative;
	margin: auto;
	background: rgba(255, 255, 255, 1);
	max-height: 27em;height: 27em; margin: 1em;
}


.profile-card .image 
{
	background-size: cover;background-position: center center;height: 100px;width:100px; margin: auto;border-radius: 100%; 
}

.profile-card header {
	display: block;
	position: relative;
	background: rgba(255, 255, 255, 1);
	text-align: center;
	padding: 30px 0 20px;
	z-index: 1;
	overflow: hidden;
}

.profile-card header:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;

}

.profile-card header:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: linear-gradient(to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%);
}

.profile-card header h3 {
	font-weight: 200;
	font-size: x-large;
	color: #444;
	/*letter-spacing: -3px;*/
	margin: 1em;
	padding: 0;
}

.profile-card .profile-bio {
	padding: 0 30px;
	text-align: center;
	color: #888;
	height: 6em; min-height: 6em;
}

.profile-card a {
	color: #000;
	text-decoration: none;
}