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

.home

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

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

      h1
        font-size: 2rem
        line-height: 1.2
        font-weight: bold()
        color: $royalForkBlue
        max-width: 480px

        +respond-to-width(1200)
          font-size: 1.8rem

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

        +respond-to-width(375)
          font-size: 1.4rem

      .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

      p
        opacity: 0.75


  /* Tablet view
    ========================================================================== */
  +respond-to-width(1475)
    .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
      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