body.home
  background: #fff

  .corner-button
    +position(absolute, -40px 0 null null)
    z-index: 5
    width: 100%

  // Banner
  .banner
    width: 100%
    position: relative
    z-index: 1

  // Darker background below banner
  .alt-background
    position: relative
    margin-top: -80px
    z-index: 2

    @extend %clearfix

    .grid-container
      z-index: 2

    .left-inner-background
      width: 71.4%

    .background
      background: $light-background

      +respond-to(mobile)
        background: #fff

    .transparent-smile
      +position(absolute, 119px -2px null null)
      width: 30%
      height: 100%
      background: url(/images/structure/smile_home.svg) center top
      background-size: cover

  .white-background
    position: relative
    background: #fff
    z-index: 2

  // White block with intro text
  .intro
    margin-top: -80px
    margin-bottom: 120px
    padding-top: 100px
    padding-bottom: 100px
    background: #fff

    +respond-to(small)
      padding: 60px
      margin-bottom: 140px

    +respond-to(mobile)
      margin: 0

    +respond-to(small-mobile)
      padding: 40px

  // White bottom bar in alt background to simulate depth
  .white-bottom-bar
    +position(absolute, null null 0 0)
    height: 40px
    width: 100%
    background: #fff

  // Three album-page call to actions
  .call-to-action-image
    position: relative
    overflow: hidden
    height: 320px
    background: #ccc

    +respond-to(small)
      height: 240px

    +respond-to(mobile)
      height: 320px

    +respond-to(small-mobile)
      height: 220px

  // Quote next to first call to action
  .home-quote-holder
    padding: 0 100px
    height: 280px
    font-size: 1.454545em
    text-align: center

    +respond-to(small)
      height: 200px
      padding: 0 40px

    +respond-to(mobile)
      display: none

    .valign-child
      position: relative
      // Optical correction
      top: -8px

  // Second album-page call to action
  .second-album
    margin-top: -40px

    +respond-to(mobile)
      margin: 0

  // Last album-page call to action
  .last-album
    margin-top: -40px
    margin-bottom: 180px

    +respond-to(mobile)
      margin-top: 0
      margin-bottom: 80px