

.main .entShowcase img {
    cursor: pointer;
}

.main .bannerText h1,
.main .bannerText p {
    color: white;
}

.main .bannerText::after {
    display: none;
}

@media screen and (min-width: 860px) {

    .main .entShowcase {
        right: -3vw;
        top: 11%;
        width: 43vw;
    }

    .main .entShowcase img.peek:hover {
        margin-right: 6vw;
    }

    .main .entShowcase img.peek-up:hover {
        margin-top: -12vh;
    }

    .main .entShowcase.anim {
        right: 0;
    }

    .main .entShowcase img {
        width: auto;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(1) {
        right: 28vw;
        top: 0;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(2) {
        right: 22vw;
        top: 2vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(3) {
        right: 14vw;
        top: 4vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(4) {
        right: 0;
        top: 6vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(1) {
      right: 28vw;
      top: 0;
      height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(2) {
        right: 30vw;
        top: 2vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(3) {
        right: 22vw;
        top: 4vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(4) {
        right: 6vw;
        top: 6vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(1) {
        right: 27vw;
        top: 0;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(2) {
        right: 20vw;
        top: 2vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(3) {
        right: 13vw;
        top: 6vh;
        height: 24vh;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(4) {
        right: 0;
        top: 10vh;
        height: 42vh;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(1) {
        left: 4vw;
        top: 0;
        height: 24vh;
        z-index: 1;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(2) {
        left: 10vw;
        top: 12vh;
        height: 20vh;
        z-index: 2;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(3) {
        right: 2vw;
        top: 0;
        height: 24vh;
        z-index: 1;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(4) {
        right: 4vw;
        top: 8vh;
        height: 24vh;
        z-index: 3;
    }

    .main .entShowcase .showCaseSet.var4 img:nth-child(1) {
      left: 2vw;
      top: 0;
      height: 34vh;
      z-index: 3;
    }

    @media screen and (max-width: 1080px) {
        .main .bannerText {
            width: 50vw;
        }

        .main .bannerText p {
          font-size: 11px;
          line-height: 16px;
      }
    }

    @media screen and (max-width: 880px) {
        .main .bannerText {
            width: 40vw;
        }

        .main .bannerText p {
            font-size: 10px;
            line-height: 14px;
        }
    }

}

@media screen and (max-width: 859px) {

    .main .entShowcase {
        left: 3vw;
    }

    .main .entShowcase img.peek:hover, 
    .main .entShowcase img.peek-up:hover {
        margin-top: -9vh;
    }

    .main .bannerText {
        background-color: transparent;
    }

    .main .entShowcase.anim {
        left: 0;
    }

    .main .entShowcase img {
        height: auto;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(1) {
        right: 60%;
        top: 10%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(2) {
        right: 42%;
        top: 16%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(3) {
        right: 24%;
        top: 22%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1 img:nth-child(4) {
        right: 6%;
        top: 28%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(1) {
      right: 60%;
      top: 10%;
      width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(2) {
        right: 60%;
        top: 16%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(3) {
        right: 36%;
        top: 22%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var1b img:nth-child(4) {
        right: 6%;
        top: 28%;
        width: 45vw;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(1) {
        right: 60%;
        top: 8%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(2) {
        right: 40%;
        top: 14%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(3) {
        right: 20%;
        top: 24%;
        width: 35vw;
    }

    .main .entShowcase .showCaseSet.var2 img:nth-child(4) {
        right: 0;
        top: 52%;
        width: 60%;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(1) {
        left: 2vw;
        top: 10%;
        height: 24vh;
        z-index: 1;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(2) {
        left: 13vw;
        top: 34%;
        height: 17vh;
        z-index: 2;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(3) {
      right: 2vw;
      top: 10%;
      height: 20vh;
      z-index: 1;
    }

    .main .entShowcase .showCaseSet.var3 img:nth-child(4) {
        right: 10vw;
        top: 34%;
        height: 20vh;
        z-index: 2;
    }

    .main .entShowcase .showCaseSet.var4 img:nth-child(1) {
      left: 0;
      top: 20%;
      height: 32vh;
      z-index: 3;
    }

}