/* Page wrapper and container widths */
.wrapper {min-height: 100vh; display: flex; flex-direction: column;}
.wrapper > article, .wrapper > main, .wrapper > section {flex: 1;}
.container {width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px;}
.page-content {padding-top: 24px; padding-bottom: 48px;}
@media (min-width: 768px) {
    .container {padding: 0 24px;}
    .page-content {padding-top: 32px; padding-bottom: 64px;}
}
@media (min-width: 1024px) {
    .container {padding: 0 32px;}
    .page-content {padding-top: 40px;}
}