#Banner{
    display: flex;
    z-index: 2;
    position: relative;
}
#banner{
    margin-top: 12px;
}
#banner h2{        
    font-size: 32px;
    letter-spacing: 2px;
}
.banner-container{
    display: grid;
    grid-template-columns: 4fr 1.8fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
    margin: 20px 160px;
}
/* .sport-bg{
    height: 470px;
    background: no-repeat;
    background-image:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
    url(../../assets/desktop-tablet/Banner-sport.webp) ;
    background-size: cover;
    background-position: bottom ;
} */
.luxury-bg{
    height: 470px;
    background-image:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
    url(../../assets/desktop-tablet/banner-UX250h.webp) ;
    background-size: cover;
    background-position: bottom ;
}
.dynamic-bg{
    height: 470px;
    background-image:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
    url(../../assets/desktop-tablet/banner-UX250h.webp);
    background-size: cover;
    background-position: center ;
}
.vazio { grid-area: 1 / 1 / 2 / 2; }
.text-banner{ 
    grid-area: 1 / 2 / 2 / 3;
    display: grid;
    align-items: center;
    
    align-self: center;
    align-content: center;
    margin: auto;
    height: 470px;
    color: white;
}
#banner h4{
    margin: 0;
    line-height: 25px;
}
#banner h4{
    margin-top: 10px;
}
@media (max-width:1080px){
    .banner-container{
        margin: 0 27px;
    }
}
@media (max-width:820px){
    .banner-container{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px; 
    }
    .text-banner{ 
        display: grid;
        align-items: center;
        margin: auto;
        height: 0px;
        color: white;
        align-content: initial;
        padding-top: 40px;
    }
    /* .sport-bg{
        height: 550px;
        background: no-repeat;
        background-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
        url(../../assets/desktop-tablet/Banner-sport.webp) ;
        background-size: cover;
        background-position: bottom ;
    } */
    .luxury-bg{
        height: 550px;
        background-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
        url(../../assets/desktop-tablet/banner-UX250h-tbl.webp) ;
        background-size: cover;
        background-position: bottom ;
    }
    .dynamic-bg{
        height: 550px;
        background-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6404761733795081) 14%, rgba(0,0,0,0) 100%),
        url(../../../components/Banner/bannerCampanha/mobile/banner-lexus-ux-mobile.webp);
        background-size: cover;
        background-position: bottom ;
    }
}