.task-title strong,
.due {
  overflow-wrap: anywhere;
}

@media (max-width: 1050px) {
  .document-row {
    grid-template-columns: 72px minmax(130px, .6fr) minmax(140px, 1fr) minmax(105px, .4fr);
  }

  .document-row > :nth-child(5) {
    display: none;
  }
}

@media (max-width: 900px) and (min-width: 761px) {
  .document-row {
    grid-template-columns: 72px minmax(0, 1fr) 120px;
  }

  .document-row > :nth-child(3) {
    display: none;
  }
}