.contents-bio { margin:0 50px; padding-bottom:60px; }
.bio { background-color:#fff; width:100%; margin-top:48px; display:table; }
.col { width:25%; padding-right:40px; float:left; }
.col.cv { width:50%; }
.col.about { width:25%; }
.col.to-bio { width:25%; float:right; }
.col.biblio { width:25%; padding-right:0; }
.col p { font-size:19px; line-height:26px; text-indent:-20px; margin-left:20px; }
.col p.resume { text-indent:0; margin-left:0; margin-bottom:26px; }
.col p.last { margin-bottom:26px; }
.col .ttcap { font-size:17px; line-height:20px; text-transform:uppercase; }
.ft { width:240px; padding-top:20px; display:block; border-top:6px #333 solid; }
.col img { max-width:100%; margin-bottom:20px; display:block; }

sup, sub { font-size:14px; line-height:0; }

a.external { font-size:14px; line-height:20px; border-bottom:1px #888 solid; }
a:focus.external, a:hover.external { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; }
a.external .ttcap { font-size:12px; line-height:20px; text-transform:uppercase; }


@media screen and (min-width:1681px) and (max-width:1920px) { 
}
@media screen and (min-width:1441px) and (max-width:1680px) { 
}
@media screen and (min-width:1281px) and (max-width:1440px) { 
.col.about { width:33.333333%; }
}
@media screen and (min-width:1025px) and (max-width:1280px) { 
.col { width:25%; }
.col.cv { width:75%; margin-bottom:60px; padding-right:0; }
.col.about { width:33.333333%; }
.col.to-bio { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.biblio { width:75%; margin-left:25%; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
.contents-bio { margin:0 10px 0 30px; }
.col { width:100%; margin-bottom:60px; padding-right:30px; float:none; }
.col.cv { width:100%; margin-bottom:60px; padding-right:30px; clear:both; }
.col.about { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.to-bio { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.biblio { width:100%; padding-right:30px; }
.col img { max-width:80%; margin-right:20px; margin-bottom:60px; float:left; }
}
@media screen and (min-width:481px) and (max-width:768px) { 
.contents-bio { margin:0 0 0 20px; }
.bio { margin-top:30px; }
.col { width:100%; margin-bottom:60px; padding-right:30px; float:none; }
.col.cv { width:100%; margin-bottom:60px; padding-right:30px; clear:both; }
.col.about { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.to-bio { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.biblio { width:100%; padding-right:30px; }
.col img { max-width:100%; margin-right:0; margin-bottom:20px; float:none; }
}
@media screen and (max-width:480px) { 
.contents-bio { margin:0 0 0 20px; }
.bio { margin-top:30px; }
.col { width:100%; margin-bottom:60px; padding-right:30px; float:none; }
.col.cv { width:100%; margin-bottom:60px; padding-right:30px; clear:both; }
.col.about { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.to-bio { width:100%; margin-bottom:0; padding-right:30px; float:none; }
.col.biblio { width:100%; padding-right:30px; }
.col img { max-width:100%; margin-right:0; margin-bottom:20px; float:none; }
}