#banner {
    color: rgb(255, 255, 255);
    width: 100%;
    height: 20vh; /* Unidades flexíveis para altura */
    background-color: rgb(10, 90, 24);
    font-size: 10vw; /* Tamanho da fonte maior */
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    border-radius: 10px;
    position: relative;
    display: flex; /* Flexbox para centralização */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    text-align: center;
}

@media (max-width: 1200px) {
    ul{
        font-size: 3vw;}
    }
@media (max-width: 991px) {
    ul{
        font-size: 3vw;}
    }
    
@media (max-width: 768px) {
    ul{
        font-size: 5vw;}
    }

    @media (max-width: 481px) {
    ul {
        font-size: 5vw;}
    }
#cxguia {
    width: 90%;
    max-width: 1000px; /* Define uma largura máxima */
    height: auto; /* Deixa a altura flexível */
    border: 1px solid #6e4303;
    border-radius: 10px;
    position: relative;
    margin: 20px auto;
    background-color: rgb(211, 250, 189);
    padding: 20px;
}

#espaço {
    padding: 10px;
}

.fundo {
    background-size: cover;
    background-position: center;
}

/* Media Queries para adaptação em telas menores */
@media (max-width: 768px) {
    #banner {
        font-size: 6vw; /* Menor para tablets e telas intermediárias */
        height: 15vh;
    }
    
    #cxinicial {
        width: 90%; /* Mais flexível em telas menores */
        padding: 15px;
    }
}

@media (max-width: 480px) {
    #banner {
        font-size: 5vw; /* Mais ajustado para telas de celular */
        height: 12vh;
    }
    
    #cxinicial {
        width: 90%;
        padding: 10px;
    }
}