@media (max-width: 800px) {
    #all-header {
        flex-direction: column;
        gap: 2rem;
        padding: 2rem;
    }

    header img {
        width: clamp(150px, 50%, 400px);
    }

    #right-header #text {
        text-align: center;
    }

    #right-header #text h4 {
        font-size: clamp(14pt, 4vw, 24pt);
    }

    #right-header #text p {
        font-size: clamp(2rem, 6vw, 4rem);
    }

    #right-header nav {
        font-size: clamp(1.2rem, 4vw, 20pt);
    }

    #right-header nav button a {
        font-size: clamp(1.2rem, 4vw, 20pt);
    }

    .imagem_beelive {
        bottom: 4rem;
    }
}

@media (max-width: 380px) {
    #right-header #text h4 {
        font-size: clamp(10pt, 3vw, 20pt);
    }

    #right-header nav {
        gap: 2rem;
    }

    #all-header {
        flex-direction: column;
        gap: 2rem;
        padding: 2rem 5rem;
    }
}

@media (max-width: 340px) {
    #all-header {
        margin: 0rem;
    }

    .imagem_beelive {
        bottom: 1rem;
    }
}