.intro-row
  position: relative
  z-index: 10
  padding-top: 80px
  min-height: 250px
  background: $blue url('/img/noise.png')
  .logo-holder
    +flex(flex-end, center)
    width: 85%
    padding: 30px 0
    position: relative
    z-index: 24
    .logo
      width: 95%
      max-width: 150px
      position: absolute
      right: 0
      top: 0
      z-index: 100

  .styling-block
    .left, .right
      background: $blue url('/img/noise.png')
  .lines
    position: absolute
    bottom: -200px
    height: 608px
    width: 100%
    pointer-events: none
    background-image: url('/img/line-gradient.png')
    background-size: contain
    z-index: 1
    +transform(skewY(-15deg))
    +transform-origin(100% 100%)
  &.gray
    background: #6f6f72 url('/img/noise.png')
    .styling-block
      .left, .right
        background: #6f6f72 url('/img/noise.png')
    .lines
      display: none
  &.orange
    background: $beige url('/img/noise.png')
    .styling-block
      .left, .right
        background: $beige url('/img/noise.png')
  &.part-page
    .logo-holder
      margin-bottom: -160px
      margin-top: -40px
      +flex(center, center)
      .logo
        position: relative
        margin-bottom: -40px
    .styling-block
      z-index: -1
      &.bottom
        margin-bottom: -180px
  .full-text
    position: relative
    z-index: 4
    margin-top: 20px
    height: 320px
    width: calc(100% - 120px)
    h2
      +header-font2(60px, 70px)
      text-transform: uppercase
      color: $yellowish
      letter-spacing: 0.5px
      text-shadow: 4px 4px $darkGray
      margin: 0 0 35px
      text-align: center

    p, li
      +font-default(20px)
      font-size: 18px
      color: $lightGray
      text-align: center
      max-width: 540px
      margin: auto

    p
      margin: 15px auto

    &.default
      p, li
        max-width: 800px
        a
          +font-bold(21px)
          font-size: 18px
          color: $lightGray
.contact
  .intro-row
    .full-text
      padding-bottom: 550px

.fotoalbum, .other, .other_1, .other_2, .other_3, .other_4, .kapitan_53_55, .kapitan_56_57, .kapitan_58_59, .kapitan_60_64
  .intro-row .full-text
    height: 0


+media-query(1000px)
  .intro-row
    .logo-holder
      padding: 0
      .logo
        position: relative
        max-width: 100px
  .text-badge.about
    margin-top: 0px
  .other
    .intro-row .full-text
      height: 75px
+media-query(800px)
  .contact
    .intro-row
      .full-text
        padding-bottom: 400px
+media-query(750px)
  .intro-row
    .logo-holder
      padding-bottom: 30px
      +flex(center, center)

+media-query(580px)
  .intro-row
    .full-text
      height: 400px
  .contact
    .intro-row
      .full-text
        padding-bottom: 550px

  .other, .other_1, .other_2, .other_4, .kapitan_53_55, .kapitan_56_57, .kapitan_58_59, .kapitan_60_64
    .intro-row .full-text
      height: 125px
      h2
        margin-bottom: 10px
+media-query(450px)
  .intro-row
    z-index: 15
    .full-text
      height: auto

  .contact
    .intro-row
      .full-text
        padding-bottom: 150px