.hero-section{
    background: #000;
}

.hero-section img{
    position: absolute;
    right: 5%;
    z-index: 0;
    top: 0;
}

.hero-right{
    z-index: 1;
    align-items: end;
}

.hero-buttons{
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 0;
}

.hero-buttons .btn-demonstracao{
    max-width: 300px;
}

.hero-right .btn-cta{
    padding: 1.5rem;
}

.branding-section{
    background-image: url('../img/watch/car-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.engagement-section{
    background-image: url('../img/watch/car2-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-section-image{
    margin: auto 0;
}

.testimonials-section{
    background-image: url('../img/watch/bg-bottom-watch.png');
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .hero-section {
        padding-top: 6rem;
        padding-bottom: 3rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-section img {
        position: static;
        transform: none;
        height: auto;
        max-width: 320px;
        margin: 2rem auto 0;
    }
}