html, body{
	margin: 0;
	padding: 0
}

.section {
	overflow: hidden;
	position: relative;
	/* padding: 1rem; */
}

.row {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: .75rem;
  grid-row-gap: 1.5rem;
  /* padding: 1.5rem 0; */
}


@media all and (min-width:30rem) {
	.row {
		grid-template-columns: repeat(3,1fr);
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media all and (min-width:40rem) {
	.row {
		grid-template-columns: repeat(6,1fr);
	}
}

@media all and (min-width:60rem) {
	.row {
		grid-template-columns: repeat(12,1fr);
	}
}

.column {
	position: relative;
	padding: 0.75rem;
}

@media all and (min-width:40em) {
	.column {
	}
}

.column *:first-child{
	margin-top: inherit;
}

.column.empty {
	display: none;
}

@media all and (min-width:60rem) {
	.column.empty {
		display: inherit;
	}
}

.column.span-2 {
	grid-column: span 2 / auto;
}

@media all and (max-width:60em) {
	.column.span-2 {
		grid-column: span 1 / auto;
	}
}


@media all and (min-width:60em) {
	.column.span-3 {
		grid-column: span 3 / auto;
	}
}


.column.span-2 {
	grid-column: span 2 / auto;
}

.column.span-3 {
	grid-column: span 3 / auto;
}

.column.span-4 {
	grid-column: span 4 / auto;
}

.column.span-5 {
	grid-column: span 5 / auto;
}

.column.span-6 {
	grid-column: span 6 / auto;
}

.column.span-7 {
	grid-column: span 7 / auto;
}

.column.span-8 {
	grid-column: span 8 / auto;
}

.column.span-9 {
	grid-column: span 9 / auto;
}

.column.span-10 {
	grid-column: span 10 / auto;
}

.column.span-11 {
	grid-column: span 11 / auto;
}

.column.span-12 {
	grid-column: span 12 / auto;
}

@media all and (max-width:30em) {
	.column.span-2,
	.column.span-3,
	.column.span-4,
	.column.span-5,
	.column.span-6,
	.column.span-7,
	.column.span-8,
	.column.span-9,
	.column.span-10,
	.column.span-11,
	.column.span-12{
		grid-column: span 1 / auto;
	}
}

@media all and (min-width:30rem) and (max-width:40rem) {
	.column.span-4,
	.column.span-5,
	.column.span-6,
	.column.span-7,
	.column.span-8,
	.column.span-9,
	.column.span-10,
	.column.span-11,
	.column.span-12{
		grid-column: span 3 / auto;
	}
}

@media all and (min-width:40rem) and (max-width:60rem) {
	.column.span-7,
	.column.span-8,
	.column.span-9,
	.column.span-10,
	.column.span-11,
	.column.span-12{
		grid-column: span 6 / auto;
	}
}

.column > img,
.column > a > img {
	width: 100%;

}

@media all and (min-width:80em) {
	.in_2_columns {
		column-count: 2;
		column-gap: 1rem;
	}

	.in_3_columns {
		column-count: 3;
		column-gap: 1rem;
	}
}