.directory-card {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  column-gap: 1vw;
  row-gap: 1vw;
  align-items: stretch;
  padding: 1rem;
}

.directory-card img {
  width: 100%;
}

.directory-content {
  width: 70%;
} 

.node--type-directory form#views-exposed-form-user-grid-by-affiliation-and-classification-default > div {
  display: inline-block;
  width: 30%;
}
.node--type-directory form#views-exposed-form-user-grid-by-affiliation-and-classification-default .btn {
  padding: 0.3em;
}

#block-fwrd-system-main .node--type-directory .views-view-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

#block-fwrd-system-main .node--type-directory .views-row {
  background-color: unset;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 900px) {
  #block-fwrd-system-main .node--type-directory .views-view-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 600px) {
  #block-fwrd-system-main .node--type-directory .views-view-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}