@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i);
body {
  font-family: Ubuntu, sans-serif;
  background: #f2f6fa;
  color: #637282; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 2rem;
  color: #78909c;
  font-size: 20px;
  font-weight: 300; }

h3 {
  font-size: 1.4rem; }

h4 {
  font-size: 1.2rem; }

a{color: #00aeef}

.text-description {
  font-size: 1.2rem;
  font-weight: 300;
  text-align: justify; }

.card {
  border: none; }

.card-header {
  border: 1px solid #d6f2ff;
  background: #fff;}

.card-body {
  border: 1px solid #d6f2ff; }

footer .copyright, .nav a {
  font-size: 13px;
  color: #7d7d7d; }

footer .copyright, .nav a:hover {
  text-decoration: none; }

.btn, .btn-link {
  font-size: 25px;
  font-weight: 500;
  color: #0d6ea5;
  text-decoration: none;
  border: none; }

.btn-link:hover {
  text-decoration: none;
  color: #00aeef; }

.br-on-mobile {
  display: none; }

.btn:not(:disabled):not(.disabled) {
  text-decoration: none; }

/* Accordion Icons */

  [data-toggle="collapse"] .fa:before {  
    content: "\f146";
    color: #00aaef;
  }
  
  [data-toggle="collapse"].collapsed .fa:before {
    content: "\f0fe";
  }

@media (max-width: 575.98px) {
  h1 {
    font-size: 1.3rem; }
  h2 {
    font-size: 1rem; }
  h3 {
    font-size: 1.1rem; }
  p {
    font-size: 0.9rem; }
  .text-description {
    font-size: 1rem; }
  .btn {
    padding: .375rem 0; }
  .btn, .btn-link {
    font-size: 1rem;
    font-weight: 600; }
  #integracao-api svg {
    display: none; }
  #introducao svg {
    display: none; }
    .card-body {
      padding: 0.3rem;
  } 
  .table {
    font-size: 12px;
  }
  #headingInformacoesGerais button, #headingBancoDados button, #headingCriptografia button, #headingPlanoRespostasDesastres button, #headingBackupDados button {
    font-size: 14px !important;
    text-transform: uppercase;
  }

}