#heading, #about, #reference { padding: 24px 40px; border-top: 1px solid #eee; }

#heading { padding-top: 55px; }
#heading p {
    font-size: x-large;
}

#heading p#eulogy{
    font-weight: bold;
}


#about h2 { margin-top: 0; }

.how-used__gallery {
  display: flex;
  gap: 16px;
  align-items: start;
  justify-content: center;
  padding-bottom: 16px;
  margin: auto;
  flex-wrap: wrap;
  max-width: 1100px;
}

.how-used__gallery figure {
  flex: 1 1 45%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.how-used__gallery img,
.how-used__dashboard img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}

.how-used__dashboard {
  margin-top: 12px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.how-used__dashboard figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#about h3, .how-used__individual h3 { margin-bottom: 8px; }

figcaption { font-size: 0.9em; color: #555; margin-top: 6px; }

@media (max-width: 600px) {
  .how-used__gallery { flex-direction: column; }
  .how-used__gallery figure { flex-basis: 100%; }
}