/* members.css */

div.members
{
  border-bottom: 1px solid black;
  padding: 10px;
  max-width: 600px;
  margin: auto;
}

img.bioleft
{
  display: block;
  float: left;
  width: 40%;
  margin-right: 20px;
}

img.bioright
{
  display: block;
  float: right;
  margin-left: 20px;
}

img.bio_smallscreen { display: none}

@media (max-width: 500px)
{
  img.bioleft, img.bioright { display: none }
  img.bio_smallscreen
  {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 10px auto;
  }
}