.banner{
    width: 100%;
    min-height: 100vh;
    padding: 0% 3.15%;
    padding-top: 110px;
}

.banner.sticky{
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    z-index: 0;
}

.banner .bannerImg .innerImg{
    width: 100%;
    padding-top: 45.3%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #F4F4F4;
}

.banner .bannerImg .bannerTxt{
    position: absolute;
    top: 5.8%;
    left: 2%;
    z-index: 3;
}

.banner .bannerImg .bannerTxt p{
    font-size: 3.375rem;
    letter-spacing: 10.8px;
    font-weight: 200;
}

@media screen and (max-width:1400px){
    .banner .bannerImg .bannerTxt p{
        font-size: 2.8125rem;
    }
}

@media screen and (max-width: 768px){
    .banner{
        width: 100%;
        min-height: unset;
        padding: 0%;
        padding-top: 60px;
    }

    .banner .bannerImg .innerImg {
        padding-top: 62.4%;
        background-position: top right;
    }

    .banner .bannerImg .bannerTxt {
        left: 4%;
    }

    .banner .bannerImg .bannerTxt p {
        font-size: 1.25rem;
        letter-spacing: 4px;
        line-height: 1.5;
    }
}