.PublicPage .grid,
.PublicArticle .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.PublicPage .grid figure,
.PublicPage .grid img,
.PublicArticle .grid figure,
.PublicArticle .grid img {
  margin: 0;
}

.PublicPage .grid .column-1,
.PublicArticle .grid .column-1 {
  grid-column: span 1;
}

.PublicPage .grid .column-2,
.PublicArticle .grid .column-2 {
  grid-column: span 2;
}

.PublicPage .grid .column-3,
.PublicArticle .grid .column-3 {
  grid-column: span 3;
}

.PublicPage .grid .column-4,
.PublicArticle .grid .column-4 {
  grid-column: span 4;
}

.PublicPage .grid .column-5,
.PublicArticle .grid .column-5 {
  grid-column: span 5;
}

.PublicPage .grid .column-6,
.PublicArticle .grid .column-6 {
  grid-column: span 6;
}

.PublicPage .grid .column-7,
.PublicArticle .grid .column-7 {
  grid-column: span 7;
}

.PublicPage .grid .column-8,
.PublicArticle .grid .column-8 {
  grid-column: span 8;
}

.PublicPage .grid .column-9,
.PublicArticle .grid .column-9 {
  grid-column: span 9;
}

.PublicPage .grid .column-10,
.PublicArticle .grid .column-10 {
  grid-column: span 10;
}

.PublicPage .grid .column-11,
.PublicArticle .grid .column-11 {
  grid-column: span 11;
}

.PublicPage .grid .column-12,
.PublicArticle .grid .column-12 {
  grid-column: span 12;
}

@media only screen and (max-width: 600px) {
  .PublicPage .grid,
  .PublicArticle .grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .PublicPage .column-1,
  .PublicPage .column-2,
  .PublicPage .column-3,
  .PublicPage .column-4,
  .PublicPage .column-5,
  .PublicPage .column-6,
  .PublicPage .column-7,
  .PublicPage .column-8,
  .PublicPage .column-9,
  .PublicPage .column-10,
  .PublicPage .column-11,
  .PublicPage .column-12,
  .PublicArticle .column-1,
  .PublicArticle .column-2,
  .PublicArticle .column-3,
  .PublicArticle .column-4,
  .PublicArticle .column-5,
  .PublicArticle .column-6,
  .PublicArticle .column-7,
  .PublicArticle .column-8,
  .PublicArticle .column-9,
  .PublicArticle .column-10,
  .PublicArticle .column-11,
  .PublicArticle .column-12 {
    grid-column: span 1;
    margin-bottom: 2rem;
  }
}