.sub-main-text

  .grid-row
    position: relative
    padding: 100px 0 0
    margin-bottom: 120px

    .grid-col
      vertical-align: top

  .title
    margin-left: column(3, 24)
    width: column(7, 24)

    h2
      +phenomena
      font-size: 2rem
      line-height: 1.25
      color: $blue

  .description
    margin-left: column(1, 24)
    width: column(5, 12)

    p
      +metropolisLight
      font-size: 1.1rem
      color: $brown

      strong
        +metropolisLight
        color: $blue

      &:first-of-type
        margin-top: 8px
      &:last-of-type
        margin-bottom: 0

    .button
      margin-top: 50px


  &.home
    .title
      h2
        max-width: 350px

    .waves
      position: absolute
      left: column(-1, 24)
      bottom: 0
      opacity: 0.15

  &.unique-in-the-netherlands
    .title
      margin-left: column(4, 24)
      width: column(6, 24)

  +respond-to-width(1300)
    .title
      margin-left: column(1, 24)
      width: column(4, 12)

    &.unique-in-the-netherlands
      .title
        margin-left: column(2, 24)
        width: column(7, 24)

    .description
      margin-left: column(1, 12)
      width: column(6, 12)

  +respond-to-width(900)
    .grid-row
      padding-top: 25px

    .title
      width: column(10, 12)

    &.home
      .title
        h2
          max-width: 300px
          margin-bottom: 20px

      .description
        display: block
        margin-left: column(1, 24)
        width: column(10, 12)
        max-width: 415px
        z-index: 2

        .button
          background-color: white

      .waves
        bottom: auto
        left: auto
        right: column(-1, 22)
        top: 0

        +respond-to-width(750)
          width: 270px

        +respond-to-width(650)
          top: auto
          bottom: -65px

    &.unique-in-the-netherlands
      padding-top: 50px

      .title
        width: column(10, 12)

        h2
          max-width: 300px
          margin-bottom: 20px

      .description
        display: block
        width: column(10, 12)
        max-width: 415px
        z-index: 2