#page-container { width: unset !important;max-width: unset !important; }

#hgx-cards-container {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 1fr);
  gap: 1rem;
  justify-content: space-around;
  margin-top: 2rem;
}

#system-comparison {
  width: 960px;
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
  justify-content: space-around;
}

.list-system-configure.buttonLink.orange { width: auto !important; }

@media (max-width: 830px) {
  #hgx-cards-container {
    grid-auto-flow: row;
}
  #system-comparison {
  max-width: calc(100vw - 20px);
  grid-auto-flow: row;
}
}