article.blocks section.biography
{
   margin-bottom: 2.5em;
   width: calc(100% - 48px);
   margin-left: 24px;
   position: relative;
}

article.blocks section.biography div.bio,
article.blocks section.biography div.bio img,
article.blocks section.biography div.detail,
article.blocks section.biography div.detail p.title,
article.blocks section.biography div.detail p.text
{
   width: 100%;
   margin: 0;
}


article.blocks section.biography div.bio h3,
article.blocks section.biography div.bio h3 a
{ 
   font-family: HN47;
   font-weight: bold; 
   margin-bottom: 0.05em; 
   color: #333333;
   font-size: 20px;
   margin-top: 0.5em;
}

article.blocks section.biography div.bio h3 span.credentials 
{ 
  font-size: 15px; 
  font-family: HN37;
  color: #333333;
  font-weight: normal; 
}

article.blocks section.biography div.bio p.title 
{ 
   font-weight: bold;
   font-size: 16px;
   color: #333333;
   font-family: HN37;
   margin-bottom: 0.5em;
}

article.blocks section.biography div.bio p.text 
{ 
   margin-top: 0.25em;
}

@media (min-width: 720px) {

	article.blocks section.biography
	{ 
	   width: calc(50% - 100px);
	   display: inline-block;
	   margin-left: 68px;
	   margin-right: 32px;
	   vertical-align: top;
	}
}

@media (min-width: 1200px) { 
  
	article.blocks section.biography
	{  
	   width: calc(100% - 204px);
       margin-left: 102px;
       max-width: 1080px;
	}
	
	article.blocks section.biography div.bio 
	{ 
	   width: 100%;
	}

	article.blocks section.biography div.bio img 
	{ 
	  width: 25%; 
	  margin-right: 3%; 
	  margin-left: 0; 
	  display: inline-block; 
	  vertical-align: top;  
	}
	
	article.blocks section.biography div.bio div.detail
	{ 
	  display: inline-block; 
	  vertical-align: top;  
	  margin: 0; 
	  width: 70%; 
	}
	
	article.blocks section.biography div.bio div.detail p 
	{ margin: 0; }
}