:root { --pgm-gutter: 16px; }

.pgm-grid { margin: 0 auto; padding-top:2rem; }
.gallery-container
{
	padding-top:5rem;
}
.pgm-item { width: 100%; margin: 0 0 var(--pgm-gutter); overflow: hidden; border-radius: 10px; }

@media (min-width:640px){
  .pgm-item { width: calc(50% - var(--pgm-gutter)/2); }  /* 2 cols */
  .pgm-item.w2 { width: 100%; }                           /* span 2 */
}
@media (min-width:1024px){
  .pgm-item { width: calc(33.333% - (2*var(--pgm-gutter)/3)); } /* 3 cols */
  .pgm-item.w2 { width: calc(66.666% - (var(--pgm-gutter)/3)); }/* span 2 */
  .pgm-item.w3 { width: 100%; }                                 /* span 3 */
}