/* CSS Document */

#bio-link {
	color: #ff00ff;
}

.artist-bio-text {
	display: inline;
	flex-direction: column;
	align-self: center;
	text-align: justify;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

#ppn-bio {
	display: flex;
	flex-direction: column;
}

#ly-bio {
	display: flex;
	flex-direction: column;
}

#mz-bio {
	display: flex;
	flex-direction: column;
}

#jhc-bio {
	display: flex;
	flex-direction: column;
}

#bios {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 480px) {
	#ppn-bio img {
	margin-bottom: 0px;
	display: flex;
	flex-direction: row;
	max-width: 51%;
	margin-right: auto;
	margin-left: auto;
	}

	#ly-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 53%;
		margin-right: auto;
		margin-left: auto;
	}

	#mz-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 53%;
		margin-right: auto;
		margin-left: auto;
	}

	#jhc-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 49%;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 481px){
	#ppn-bio img {
	margin-bottom: 0px;
	display: flex;
	flex-direction: row;
	max-width: 21%;
	margin-right: auto;
	margin-left: auto;
	}

	#ly-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 23%;
		margin-right: auto;
		margin-left: auto;
	}

	#mz-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 23%;
		margin-right: auto;
		margin-left: auto;
	}

	#jhc-bio img {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		max-width: 19%;
		margin-right: auto;
		margin-left: auto;
	}
}


.artist-bio-button {
	border: none;
	width: 10ch;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	background-color: transparent;
	align-self: center;
}

.artist-bio-button:hover {
	color:#ff00ff;
}