/*==========================================================================
  Home page
  ========================================================================== */

.home
  .home-content-wrapper
    background: white
    .home-content
      +flex(flex-end, flex-start)
      padding: 115px 0

      .title-placeholder
        width: column(3.5, 12)
        margin-right: column(4, 24)
        p
          font-size: 0.65rem
          font-weight: semi-bold()
          color: $broosDarkBlue
          text-transform: uppercase

        h1
          font-size: 2.5rem
          line-height: 1.2
          font-weight: semi-bold()
          color: $broosDarkBlue

          +respond-to-width(950)
            font-size: 1.6rem

        .button
          margin-top: 50px

      .content
        width: column(4, 12)
        margin-right: column(1, 12)
        padding-top: 6px
        font-size: 0.9rem
        line-height: 1.6
        color: $broosDarkBlue

        p
          opacity: 0.7


  /* Tablet view
    ========================================================================== */
  +respond-to-width(1350)
    .home-content-wrapper
      .home-content
        padding: 80px 0

        .title-placeholder
          width: column(5, 12)
          margin-right: column(1, 12)

        .content
          width: column(5, 12)

  /* Tablet view
    ========================================================================== */
  +respond-to-width(750)
    .home-content-wrapper
      .home-content
        padding: 80px 0
        display: block

        .title-placeholder, .content
          width: column(10, 12)
          margin-right: auto
          margin-left: auto

          +respond-to-width(550)
            width: 100%

        .title-placeholder
          margin-bottom: 40px