.li-whatsapp {
    bottom:200px;
    right: 200px;

}

.scrollToTop {
    bottom:10px;
    background: #fff;
}

.conteudo>.row-fluid {
    margin-top:20px;
}

.gateways-rodape li {
    background:#fff;
}

.conteiner-principal .conteiner {
       box-shadow:none;
}

#corpo{
    background: #fff;
}

/* Estilos para telas maiores (desktop) */
.banner-container {
  width: 100%;
  /* Defina aqui a proporção desejada para desktop, se necessário */
}

.banner-container img {
  display: block; /* Remove qualquer espaço extra abaixo da imagem */
  width: 100%;
  height: auto; /* Mantém a proporção original em telas maiores */
}

/* Estilos para telas menores (mobile) */
@media (max-width: 768px) {
  .banner-container {
    position: relative; /* Necessário para posicionar a imagem absolutamente dentro */
    width: 100%;
    /* Defina a proporção desejada para mobile usando padding-bottom */
    /* Exemplo: proporção 16:9 (altura será 56.25% da largura) */
    padding-bottom: 56.25%; /* (9 / 16) * 100 */
    height: 0; /* Esconde a altura do container */
    overflow: hidden; /* Garante que a imagem não vaze */
  }

}