header{
    width: 100%;
}

#all-header {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5rem;

    margin: 3rem 2rem;

    background-color: #FFE35B;

    padding: 5rem;

    border-radius: 15px;
}

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

#right-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#right-header #text h4 {
    padding: clamp(5px, 1vw, 10px);

    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: clamp(14pt, 2vw, 20pt);
    font-family: Nunito;

    border-radius: 10px;

    background-color: #004AAD;

    text-align: center;
}

#right-header #text p {
    font-family: Martel Sans; 
    font-size: clamp(2rem, 5vw, 5rem);
    font-weight: 1000;
    color: #004AAD;

    margin-bottom: 15px;
}

#right-header nav {
    display: flex;
    align-items: center;

    gap: 5rem;

    font-size: clamp(1.2rem, 2.5vw, 20.5pt);
    font-weight: 350;
    font-family: Nunito;
    text-align: center;

    margin: 0 auto;

    flex-wrap: nowrap;
}

#right-header nav a {
    color: #004AAD;
    font-weight: bold;
    white-space: nowrap;

    &:hover {
        color: black;
    }
}

#right-header nav button {
    padding: clamp(2px, 0.5vw, 2px) clamp(10px, 5vw, 20px);
    background-color: #004AAD;

    border-radius: 20px;
    border: none;

    &:hover {
        background-color: #052958;
    }
}

#right-header nav button a {
    font-size: clamp(1.2rem, 2.5vw, 20.5pt);
    font-family: Nunito;
    font-weight: bold;
    color: white;
    text-align: center;

    &:hover {
        color: white;
    }
}

.imagem_beelive {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    margin: 0 auto;

    position: relative;
    bottom: 5.5rem;
}

.imagem_beelive img {
    width: clamp(200px, 80%, 600px); 
    margin: 0 auto;
}