@media only screen and (max-width: 991px) {
  .principal {
    background-color: #b5b5b51e;
    height: 100%;
  }

  .title{
    margin-top: 2rem;
  }

  .navbar-nav li{
    margin-bottom: 0.6rem !important;
  }

  .title img{
    max-width: 100%;
    height: auto;
  }

  .img-principal img{
    max-width: 100%;
    height: auto;
  }
  .principal-mobile{
    height: 100vh;
  }
  .store-mobile{
    margin-bottom: 2rem;
  }

  .text-about{
    margin-top: 4rem;
  }
}

  
  @media only screen and (max-width: 748px) {
    .login .card{
      width: 100%;
  
    }
  
    .footer{
      flex-direction: column !important;
      justify-content: center;
      align-items: center;
    }
  
    .logo-ajuste {
      width: 54% !important;
      padding: 0 !important;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .dados{
      padding: 0 !important;
    }
  
    .fale-conosco {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .fale-conosco ul{
      margin: 0 !important;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .horario-atendimento{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .horario-atendimento ul{
      margin: 0 !important;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .links-uteis{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .links-uteis ul{
      margin: 0 !important;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .formas-pagamento{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .dados{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
  }