@media all and (min-width: 768px) and (max-width: 10000px) {
  div.twocolumnleft {width: 50%; float: left; padding-right: 1em;
  }
  div.twocolumnright {width: 50%; float: right; padding-left: 1em;
  }
  img.biophoto { width: 25%; }
}
@media all and (min-width: 1px) and (max-width: 767px) {
  div.twocolumnleft {width: 100%; float: left; padding-left: 0em;
  }
  div.twocolumnright {width: 100%; float: left; padding-left: 0em;
  }
  img.biophoto { width: 100%; }
}