#f-4 {
  align-items: flex-end;
  align-self: center; }

#main {
  margin: 10em 0.6em; }

section {
  margin: 0 4em 10em; }

.gallery-header {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0.5em;
  align-items: flex-end; }

.gallery-header div {
  margin-bottom: 1em; }

.gallery-title {
  width: 15em; }

.gallery-description {
  max-width: 50em; }

.gallery-images {
  display: flex;
  flex-wrap: wrap; }

.image {
  margin: 0.5em; }

.image img {
  height: 14em; }

h1 {
  display: block; }

summary {
  display: block; }

@media (max-width: 640px) {
  section {
    margin: 0 1em 3em; }

  .image {
    margin: 0.1em; }

  .image img {
    height: 12em; } }
@media (max-width: 400px) {
  .image img {
    height: 11em; } }