.bio{
	margin-bottom:2rem;
}

.bio img{
	float:left;
	clear:both;
	max-width:300px;
	min-width:10%;
	margin-left:0;
	margin-top:0;
}

@media screen and (max-width:600px){
	.bio img{
		float:none;
		display:block;
		margin:auto;
		max-width:80vw;
	}
}

.bio h2{
	text-align:left;
}
.bio .expandedBio{
	display:none;
}

.bio .expandBioBtn, .bio .expandBioBtn:hover, .bio .expandBioBtn:focus,.bio .expandBioBtn:active {
    background: white;
    box-shadow: 0px 0px 0px transparent;
    border: 0px solid transparent;
    text-shadow: 0px 0px 0px transparent;
	outline:none;
	
	/*same styling as main content*/
	font-size:1rem;
	font-family:Helvetica;
	color:black;
}

.bio .expandBioBtn:hover{
	font-weight:bold;
	text-decoration:underline;
}
.forceFloat{
	overflow:hidden;
	list-style:none;
	padding-inline-start:0;
}