.catalog {

}

.catalog.block--with-title h2 {
  color: #000;
  font-size: var(--heading-size-l);
  padding: 48px 0;
  margin: 0;
}

.catalog.block--with-title h2:before {
  content: none;
}


.document-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: column;
  gap: 32px;
}
.document-item {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto;

  width: 100%;
  max-width: 335px;
}

@media screen and (min-width:650px) {
  .document-list {
    flex-direction: row;
    flex-wrap: wrap;
  }

}