@import url("/site.css");


/* requires a modern browser; not in use at the moment */
.twocolumn {
  display: table;
}
.twocolumn-left {
  display: table-cell;
}
.twocolumn-right {
  display: table-cell;
  vertical-align: top;
}


.twocolfloat li {
  /* because of float, bullets are placed overtop img; hide them */
  list-style-type: none;
}
.twocolfloat:after {
  /* end float */
  content: "";
  display: table;
  clear: both;
}
.twocolfloat-left {
  /* float our left column */
  float: left;
}
.twocolfloat-left img {
  /* scale image down if bigger than viewport */
  max-width: 100%;
}

@media screen and (max-width: 600px) {
  /* override two-column layout on narrow screens */
  .twocolfloat-left, .twocolfloat-right, .twocolumn-left, .twocolumn-right {
    width: 100%;
  }
}