/* Custom styles for hero section */
.bg-home {
    overflow-x: hidden;
}

.hero-moto {
    position: relative;
    right: -55%;
    top: 10%;
    z-index: 5;
    width: 1200px;
}

.hero-titulo {
    position: absolute;
    width: 1000px;
    top: -35%;
    transform: translateX(-138%);
    z-index: 4;
    max-height: 100%;
}

.hero-cuerpo {
    position: absolute;
    top: 75%;
    width: 750px;
    transform: translateX(-172%);
    z-index: 4;
}

.hero-contactanos {
    position: absolute;
    top: 30%;
    width: 90px;
    transform: translateX(-1640%);
    z-index: 4;
}

@media (min-width: 200px) and (max-width: 767px) {
    .hero-moto, .hero-titulo, .hero-cuerpo, .hero-contactanos {
        position: relative !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }

    .hero-contactanos {
        display: none !important;
    }
}