.header-menu-text.photo-header
  padding-bottom: calc(100vw / 12)

  +respond-to-width-beyond(1440)
    padding-bottom: 120px

  .bread-crumb-row
    padding-top: calc(100vw / 12 * 0.5)
    width: column(10, 12)
    margin-left: column(1, 12)

    +respond-to-width-beyond(1440)
      padding-top: 60px

    +respond-to-width(700)
      width: calc(100% - 40px)
      margin-left: auto
      margin-right: auto

  .text-wrapper
    h1
      margin-bottom: calc(100vw / 12 * 0.5)

      +respond-to-width-beyond(1440)
        margin-bottom: 60px

  .menu-wrapper
    display: inline-block
    padding-top: calc(100vw / 12 * 0.5)
    margin-left: column(4, 12)
    width: column(3, 12)
    padding-left: 30px

    +respond-to-width-beyond(1440)
      padding-top: 60px

    &.double
      margin-left: column(1, 12)
      width: column(6, 12)
      padding-left: 0

      p
        padding-left: 30px

    p
      margin: 0
      height: 56px
      +flex(flex-start, flex-end)
      font-size: 0.9rem
      line-height: 2.1
      color: $black
      font-weight: semibold()

    .lists-wrapper
      +flex(space-between, flex-start)

      ul
        width: 50%
        padding-left: 30px

    ul
      list-style: none
      padding: 0
      margin: 0

      li
        font-size: 0.9rem
        line-height: 1.4

        + li
          margin-top: 5px

        a
          color: $brown
          transition: color 0.3s
          text-decoration: none

          &:hover
            color: $darkerBrown

  +respond-to-width(1200)
    .text-wrapper
      margin-bottom: 0

    .menu-wrapper
      display: none

  +respond-to-width(1100)
    position: relative
    z-index: 3
    background-color: white