/*-----[ page ]-----------------------------------------------------------------
| Top-level styles for content. Otherwise unqualified styles should go here.
*/
#page
{
  @include clearfix;
  margin: $body-text-line-height $column-width;
  max-width: $page-width;

  .annotation,
  .fine-print,
  .form-help
  {
    color: $secondary-text-color;
    font-weight: normal;
    font-style: italic;
  }

  .fine-print, .form-help
  {
    margin: 0;
    @include small-text;
  }

  .subtitle
  {
    @include large-text;
  }

  .subheading
  {
    font-weight: bold;
  }

  @media (min-width: 600px)
  {
    margin: $section-spacing auto;
  }
}

/*-----[ page ]-----------------------------------------------------------------
| Top-level styles for content. Otherwise unqualified styles should go here.
*/
#page
{
  @include clearfix;
  margin: $body-text-line-height $column-width;
  max-width: $page-width;

  .annotation,
  .fine-print,
  .form-help
  {
    color: $secondary-text-color;
    font-weight: normal;
    font-style: italic;
  }

  .fine-print, .form-help
  {
    margin: 0;
    @include small-text;
  }

  .subtitle
  {
    @include large-text;
  }

  .subheading
  {
    font-weight: bold;
  }

  @media (min-width: 600px)
  {
    margin: $section-spacing auto;
    padding: 0 $gutter-width;
  }
}

Improve layout at tablet sizes.
Improve layout at tablet sizes.
