@media screen and (max-width: 767px) {

  /* Centraliza a logo */
  .logo {
    text-align: center !important;
    width: 100% !important;
  }

  .logo img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 280px !important;
    height: auto !important;
  }

  /* Deixa a busca mais limpa */
  .busca {
    width: 100% !important;
    margin: 10px auto 15px !important;
  }

  /* Banner ocupando a largura disponível */
  .banner.cheio,
  .banner.tarja,
  .banner img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

}