/* ============================================================
   BASE27.CSS
   Base27 ISMS page: the two-up product screenshot grid.
   ============================================================ */

.shots {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: 1.8rem 0;
}

@media (max-width: 640px) {
  .shots { grid-template-columns: 1fr; }
}