/* Set theme variables here */
/* 400px */
/* 700px */
/* 900px */
/* 1100px */
/* 1300px */
/* Page furniture */
.page {
  width: 100%;
  /* this is somewhat arbitrary - just a value that is close to full width but leaves a bit of margin */
  margin: 0 auto;
  /* make sure the page area stays centered */ }
  .page > header {
    padding: 0 0.75em; }
  .page > footer {
    padding: 0 0.75em; }

@media (min-width: 25em) {
  .page {
    width: 96%;
    margin: 0 auto;
    /* make sure the page area stays centered */ }
    .page > header {
      padding: 0 0.75em; }
    .page > footer {
      padding: 0 0.75em; } }
@media (min-width: 43.75em) {
  .page {
    width: 94%;
    margin: 0 auto;
    /* make sure the page area stays centered */ }
    .page > header {
      padding: 0 0.75em; }
    .page > footer {
      padding: 0 0.75em; } }
@media (min-width: 56.25em) {
  .page {
    width: 80%;
    max-width: none;
    margin: 0 auto;
    /* make sure the page area stays centered */ }
    .page > header {
      padding: 0 1.5em; }
    .page > footer {
      padding: 0 1.5em; } }
@media (min-width: 81.25em) {
  .page {
    width: 70%; }
    .page > header {
      padding: 0 1.5em; }
    .page > footer {
      padding: 0 1.5em; } }