@import '../_common'

p
  text-align: justify 
.banner
  &::before
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 100%), linear-gradient(179deg, rgba(0, 0, 0, 0) 27.5%, rgba(0, 0, 0, 0.85) 100%)

  &.thanks.home-banner
    .bg
      .banner-wrapper
        top: 50%
        left: 50%
        transform: translate(-50%, -50%)
        width: 100%
        @include respond-to(screen-540)
          transform: translate(-50%, -170%)
        .content
          display: flex
          flex-direction: column
          justify-content: center
          align-items: center

          figure
            width: 80px
            svg
              width: 60px
              height: 60px
              path
                fill: var(--white)

          a
            padding: 10px 12px
            display: inline-block
            margin-top: 40px

          h1
            color: var(--white)
            margin: 0 0 24px 0
            @include respond-to(screen-675)
              font-size: 40px
            @include respond-to(screen-540)
              font-size: 35px
            @include respond-to(screen-420)
              font-size: 28px
              margin: 0 0 15px 0

          p
            color: var(--white)
            text-align: center

      @include respond-to(screen-540)
        height: 50vh