$max-width: em(1280)

$mobile: new-breakpoint(max-width 480px)

section#wrapper
  @include outer-container
  border: rhythm() solid transparent

  @include media($mobile)
    border: rhythm(0.5) solid transparent

  section#page
    @include outer-container

    padding: rhythm(2)

    @include media($mobile)
      padding: rhythm(1)

    header
      @include span-columns(12)

    section#main
      section#content
        @include span-columns(9)

        @include media($mobile)
          @include span-columns(12)

      aside#sidebar
        @include span-columns(3)

        @include media($mobile)
          @include span-columns(12)

    footer
      @include span-columns(12)