@import '../_common';
@import '../../sass/hall-fame/hall-fame'
p
  text-align: justify 
.banner
  &::before
    // background: linear-gradient(360deg, #AFBCFF 0%, #4459C5 100%)
    overflow: hidden

  .bg
    .banner-wrapper
      bottom: 15% !important
      .container-fluid
        .flex
          .colA

            img
              width: 100%
              max-width: 750px
              display: block
              margin: 0 auto
              z-index: 1
              position: relative
              @include respond-to(screen-1366)
                max-width: 500px
              @include respond-to(screen-768)
                max-width: 350px
              @include respond-to(screen-540)
                max-width: 300px
              @include respond-to(screen-420)
                max-width: 310px

            h1
              position: absolute
              left: 50%
              top: 50%
              transform: translate(-50%, -50%)
              z-index: 0
              font-size: 16rem
              width: 100%
              text-align: center
              color: #FFFFFF80
            

              @include respond-to(screen-1784)
                  font-size: 12rem

              @include respond-to(screen-1440)
                  font-size: 11rem

              @include respond-to(screen-1366)
                  font-size: 10rem

              @include respond-to(screen-1152)
                  font-size: 9rem

              @include respond-to(screen-1024)
                  font-size: 8rem

              @include respond-to(screen-991)
                  font-size: 6.5rem

              @include respond-to(screen-768)
                  top: -6%
                  font-size: 4.5rem
              @include respond-to(screen-540)
                  top: -2%
                  font-size: 3.5rem
              @include respond-to(screen-420)
                  font-size: 2.5rem
                  top: -6%
              
              span
                margin-left: 160px
                @include respond-to(screen-1784)
                   margin-left: 74px 
                @include respond-to(screen-1300)
                   margin-left: 24px  
                @include respond-to(screen-768)
                   margin-left: 0