/* ==========================================================================
   Home page
   ========================================================================== */
.landings-page
  position: relative
  min-height: 100vh

  .background
    position: absolute
    z-index: 1
    top: 0
    left: 0
    display: block
    width: 100%
    height: 100%
    background:
      position: center
      size: cover

    &:before
      content: ''
      position: absolute
      left: 0
      top: 0
      display: block
      width: 100%
      height: 100%
      opacity: 0.6
      background: radial-gradient($darkGradient)

  .placeholder
    height: calc(100vh - 100px)
    min-height: 750px
    +flex(center, center)

    .modal
      position: relative
      z-index: 2
      width: 500px
      background: $borderColor

      .impression-image
        width: 100%

        img
          width: 100%

      .content
        padding: 40px

        .copyright
          position: absolute
          bottom: -35px
          left: 0
          width: 100%
          font-size: 0.7rem
          text-align: center
          color: white

    .logo
      width: 250px
      margin-bottom: 40px

      img
        width: 100%
        max-height: 85px


    p
      margin: 0
      color: $black
      font-size: 0.9rem
      line-height: 1.4

      a
        color: $black

      strong
        display: inline-block
        width: 25px