.contactus-btn {
    background: #0663c0; /* Cor de fundo */
    color:ffffff; /* Cor do texto */
    font-weight: bold; /* Texto em negrito */
    padding: 20px 20px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho da fonte */
    text-decoration: none; /* Remove o sublinhado do link */
    display: inline-block; /* Garante que o link se comporte como um botão */
    cursor: pointer; /* Muda o cursor para "mãozinha" */
    
}



        /* Barra de navegação 2 (Navbar) */
        .navbarB {
            background-color: #ffffff;
            overflow: hidden;
            top: 0; /* Fixa a barra no topo */
            left: 0; /* Garante que ocupe toda a largura da tela */
            width: 100%; /* A barra ocupará toda a largura */
            position: fixed; /* Fixa a barra no topo da tela */
            z-index: 999; /* Garante que a barra de navegação fique sobre outros elementos */
        }

        .navbarB a {
            float: left;
            display: block;
            color: #000000;
            font-weight: bold; /* Texto em negrito */
            text-align: center;
            padding: 23px 20px;
            text-decoration: none;
            transition: background-color 0.3s;
            float: center;
        }

        .navbarB a:hover {
            background-color: #0654caad;
            color: #ffffff;
        }

        .logo {
            float: right;
            margin: 14px 20px;
        }



        /* Barra de navegação (Navbar) */
        .navbar {
            
            background-color: #ffffff;
            overflow: hidden;
            top: 0; /* Fixa a barra no topo */
            left: 0; /* Garante que ocupe toda a largura da tela */
            width: 100%; /* A barra ocupará toda a largura */
            
        }

        .navbar a {
            float: center;
            color: #ffffff;
            text-align: left;
            padding: 23px 20px;
            text-decoration: none;
            transition: background-color 0.3s;
        }

        .navbar a:hover {
            background-color: #ffffff;
            color: #000000;
        }



        .logo {
            float: left;
            margin: 14px 20px;
        }

        .logoB {
            float: right;
            margin: 14px 20px;
        }

        

       
        @media screen and (max-width: 902px) {
            /*cabeçalho*/
            .navbarB, .navbar ul, .navbar hr, .contactus-btn{
                display: none;
            }

            .navbarB {
                padding-top: 50px;
            }
            .navbar{
                top: 0; /* Fixa a barra no topo */
            left: 0; /* Garante que ocupe toda a largura da tela */
            width: 100%; /* A barra ocupará toda a largura */
            position: fixed; /* Fixa a barra no topo da tela */
            z-index: 999; /* Garante que a barra de navegação fique sobre outros elementos */

            }

            .logo {
                float: right;
                margin: 14px 20px;
            }
            .navbar a {
                padding: 10px; /* Ajuste o padding para telas menores */
            }
            .logo {
                float: none; /* Evite que a logo flutue */
                text-align: center; /* Alinhe o logo ao centro */
            }


          }