@media all and (min-width: 680px) {
#bio {
  width: 650px;
}

#col_bio1 {
  width: 120px;
  margin-bottom: 18px;
}

#col_bio2, #col_bio2_last {
  width: 482px;
}
}

@media all and (max-width:680px) {
#col_bio1 {
  padding-right: 650px;;
}

#col_bio2, #col_bio2_last {
  padding-left: 36px;
}
}

#bio {
  clear: both;
  margin: 0 auto;
  margin-top: 48px;
}

#col_bio1 {
  clear: both;
  float: left;
  padding-left: 24px;
}

#col_bio2, #col_bio2_last {
  float: left;
  padding-right: 24px;
  margin-bottom: 18px;
}

#col_bio2_last {
  margin-bottom: 48px
}

div.bio_title {
  clear: both;
  font-size: 12pt;
  font-weight: bold;
  color: #2E0900;
  background-color: #FFFFCC;
  box-shadow: 0 0 24px #A29871;
  border-radius: 18px;
  margin-bottom: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}

div.bio_data {
  text-align: left;
  padding-right: 24px;
}