.banner {
  text-align: center;
  margin: 1em;
}
img.right {
  float: right;
  margin-left: 1em;
  max-width: 20em;
}
img.left {
  float: left;
  margin-right: 1em;
  max-width: 20em;
}
@media (min-width: 40em) {
img.gallery {
  float: right;
  margin-right: 1em;
  max-width: 30em;
}
}
@media (max-width: 40em) {
img.gallery {
  float: right;
  margin-right: 1em;
  max-width: 20em;
}
}
img.wide {
    margin: 1em;
    max-width: 90%;
}
p {
  margin: 1em;
}