Estou encontrando um erro ao fazer um codigo, a função panel heading, ao entrar pelo celular e ao ser aberto e fechado o PANEL-HEADING responde com fontes diferentes, ao entrar no site ele responde com a fonte padrao 20px, e ao abrir e fechar o panel-heading, ele muda a fonte, para uma menor.
Codigo HTML a seguir:
BANCO DE DADOS
Consultoria de Alta Qualidade em Banco de Dados, abrangendo os principais pontos abaixo:
Administração
Administramos bases de dados de diversos níveis de criticidade em clientes de diversos segmentos, oferecemos: administração e monitoração de bases de dados, gerenciamento de desempenho, segurança e disponibilidade.
<div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse2" style="cursor: pointer;border:1px solid #ddd;">
<h4 class="panel-title">
<span>Implementação</span>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
Dentro das complexas estruturas de banco de dados, existem diversos componentes que necessitam ser implementados, com o intuito de atender todas as necessidades de crescimento, disponibilidade, performance e segurança de dados.Fazemos qualquer tipo de implementação em banco de dados, desde instalações, migrações e upgrades a soluções de alta-disponibilidade.
</div>
</div>
<div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse3" style="cursor: pointer;border:1px solid #ddd;">
<h4 class="panel-title">
<span>Consultoria</span>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
Seguimos padrões internacionalmente aceitos para administração de bases de dados, garantindo a entrega do melhor serviço no menor tempo possível. Oferecemos consultorias em todos os segmentos de banco de dados, desde projetos até soluções eficazes para a resolução dos problemas de forma inteligente, ágil e segura.
</div>
</div>
<div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse4" style="cursor: pointer;border:1px solid #ddd;">
<h4 class="panel-title">
<span>Diagnósticos</span>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
Para o excelente funcionamento de seu banco de dados é necessários que muitos fatores funcionem corretamente, como: segurança de acesso aos dados, backups e teste de restores periódicos, análise e constante ajustes das estruturas físicas e lógicas, correções preventivas.
Somos altamente capazes de diagnosticar o problema e solucioná-lo
</div>
</div>
</div>
Codigo CSS a seguir:
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}