.grid {
  --columns: 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /*overflow: hidden;*/
  container-type: normal;
}

.grid>.column {
  grid-column: span var(--columns);
  overflow-wrap: break-word;
  margin: 0;
  display: flex;
  flex-direction: column;
}



section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-padding-large {
  padding: 15vh 0 0 0;

  @media (max-width:600px) {
    padding: 12vh 0 0 0;
  }

}

.section-padding-medium {
  padding: 10vh 0 0 0;

  @media (max-width:600px) {
    padding: 8vh 0 0 0;
  }
}

.section-padding-small {
  padding: 5vh 0 0 0;

  @media (max-width:600px) {
    padding: 4vh 0 0 0;
  }
}

.section-padding-none {
  padding: 0;
}

.zero {
  padding: 0;
}

.blocks {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gallery {
  line-height: 0;
  columns: 6;
  column-gap: 2rem;
  padding: 10vh 2.5vw 0 2.5vw;

  @media screen and (max-width:600px) {
    columns: 1;
  }

  @media screen and (min-width: 40rem) {
    columns: 4;
  }
}
.gallery li {
  display: block;
  break-inside: avoid;
}
.gallery li:not(:last-child) {
  margin-bottom: 1.5rem;
}