#systems-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}



#systems-listing .card{
  width: calc(20% - 1em);
  text-align: center;
}

@media (max-width:35.5em) {
  #systems-listing .card{
    width: calc(32% - 1em);
  }
}

#systems-listing .card h4{
  font-weight: 700;
  margin: auto;
}

#systems-listing .card a{
  text-decoration: none;
}

.container-systems {
  flex-direction: column;
}

h1 {
  color: white;
}