#content,
.wrapper
  min-height 100%
  height 100%

.container
  width 100%
  max-width 1200px
  margin 0 auto

.header
  height 2em
  padding-top 3em
  padding-bottom 1em
  text-align center

  .brand
    font-size 1.4em
    text-decoration none
    display block

    .offline
      color gray
      font-size 0.6em
      margin-left 1em
      text-transform uppercase

  .navigation
    display block
    margin-top 0.4em

.content
  min-height 100%
  margin-bottom -8em

  &:after
    content ""
    display block
    height 8em


.footer
  padding-bottom 1.6em
  height 8em

  .icon-links
    font-size 2em
    text-align center
    padding-bottom 1em

  a
    margin 0.4em

@media screen and (min-width: 600px)
  .header
    text-align left

    .brand
      width 45%
      display inline-block
      margin-left 1em
      text-align left

    .navigation
      width 45%
      display inline-block
      margin-top -0.6em
      margin-right 1em
      text-align right
      float right

@media screen and (min-width: 1200px)
  .header
    .brand
      margin-left 0em

    .navigation
      margin-right 0em

#content,
.wrapper
  min-height 100%
  height 100%

.container
  width 100%
  max-width 1200px
  margin 0 auto

.header
  min-height 2em
  padding-top 3em
  padding-bottom 1em
  text-align center

  .brand
    font-size 1.4em
    text-decoration none
    display block

    .offline
      color gray
      font-size 0.6em
      margin-left 1em
      text-transform uppercase

  .navigation
    display block
    margin-top 0.4em

.content
  min-height 100%
  margin-bottom -8em

  &:after
    content ""
    display block
    height 8em


.footer
  padding-bottom 1.6em
  height 8em

  .icon-links
    font-size 2em
    text-align center
    padding-bottom 1em

  a
    margin 0.4em

@media screen and (min-width: 600px)
  .header
    text-align left

    .brand
      width 45%
      display inline-block
      margin-left 1em
      text-align left

    .navigation
      width 45%
      display inline-block
      margin-top -0.6em
      margin-right 1em
      text-align right
      float right

@media screen and (min-width: 1200px)
  .header
    .brand
      margin-left 0em

    .navigation
      margin-right 0em

Fix height of navigation on smaller screens
Fix height of navigation on smaller screens
