main {
	padding-bottom: calc(var(--size-base) * 7);
}

.container {
  padding-top: var(--size-base);
	padding-bottom: var(--size-base);
}

[hidden] {
  display: none !important;
}

@media (min-width: 1024px) {
  main {
    padding-top: 0;
		padding-bottom: calc(var(--size-base) * 1.875);
  }

  .container {
    padding: calc(var(--size-base) * 1.875) 0;
  }
}