@media (max-width: 425px) {
  body .box header {
    justify-content: center;
  }

  body .box header img {
    display: none;
  }

  body .box .content .documents {
    column-gap: 1rem;
  }

  body .box .content .documents .document h1 {
    font-size: 1.5rem;
    padding: 12px;
  }

  body .box .captions {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
}

@media (max-width: 375px) {
  body .box .content .documents .document h1 {
    font-size: 1rem;
    padding: 12px;
  }
}

@media (max-width: 320px) {
  body .box .content .documents .document h1 {
    padding: 8px;
  }
}