main {
  margin: 10em 0.6em;
  line-height: 1.6em; }

section {
  margin: 0 4em 10em; }

h2 {
  width: 15em; }
article{
  padding: 16px;
  header{
      display: flex;
      margin: 1em 0.5em;
      flex-direction: column;
      * {
        margin-bottom: 10px;
      }
  }
  p {
    max-width: 50em; }
}
#gallery{
  display: flex;
  flex-wrap: wrap;
}

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

.image {
  margin: 0.5em; }

.image img {
  height: 14em; }

h1 {
  display: block; }

summary {
  display: block; }

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

@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; } }