img {
  display: block;
  width: 100%;
}

.content {
  margin: 2em 0;
}

p {
  margin-top: 0;
}

form > p:last-child {
  margin-top: 2rem;
}


form {
  border: 1px solid #607d8b;
  background: rgba(96, 125, 139, 0.25);
  padding: 1rem;
  margin: 0 0 1rem;
}
form label {
  display: block;
}
form input, form select {
  display: block;
}

form > div {
  display: flex;
  align-items: flex-start
}

form > div > p {
  flex: 1 1 33.3%;
  padding: 0 1em;
  text-align: center;
}

input:not([type=checkbox]), select {
  border: 1px solid #ccc;
  padding: .5rem;
  margin: auto;
}

[type=number] {
  width: 5rem;
}

.serif {
  font: normal 18px / 1.2 'Palatino','Cambria','Georgia',serif;
}

.multi-col-span {
  columns: 2 10em;
  margin: 3em 0;
  padding: 0;
  clear: both;
}
.multi-col-span p {
  margin-top: 0;
}
.multi-col-span h1 {
  column-span: all;
  padding-bottom: .5em;
}

.mono {
  white-space: nowrap;
}