*{
    margin:0;
    padding:0;
}

.bu {
  border: 0.5px solid rgb(0, 0, 0);
  color: #000;
  font-weight: 600;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
  padding: 12px;
  height: 40px;

}

@media(max-width: 760px){
  .titulo1{
  }
  .titulo2
    .tamanhoh1 {
        font-size: 25px !important;
        color: black;
        font-weight: bold;
      }
    .navbar-nav{
        display: none }
    .y{
      height: 800px;
    }
    .tamanhoh1 {
    font-size: 30px;
    color: black;
    font-weight: bold;
  }
  .carroce{
    display: block !important;
  }
  .nocarroce{
    display: none;
  }
   .minhaf{
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    
   }
   .Pesquisar{
    display: none;
   }
   .menus{
    display: none;
   }
   
   .show{
    display: flex !important;
   }
   .cards{
    width: 100%;
   }
  .tamanholink {
    font-size: 18.3px;


  }
  input{
    width: 100%;
  }
  button{
    padding:8px;
    width: 50px;
  }
  #banner-pai{
    height: auto !important;
  }
  .banner{
    display: flex;
    flex-direction: column;
  }.bttn{
    width: 100%;
  }
  .banner .circulo1{
    width: 220px !important;
    height:150px !important;
  }
  .banner .circulo2{
      width: 220px !important;
      height:150px !important;
    }
    .banner .circuloL{
      overflow: hidden;
    }
  
  .banner .circuloM{
    width: 300px !important;
    height:500px !important;
  }
  .containerMae{
    width: 100% !important;
  }
  .divmae{
    width: 100%;
  }
  .iml{
    display: none;
  }
  .letrasPiquenas{
    width: 100%;
  }
  .banner .navbar-nav{
    display: flex;
    padding: 10px;
  }
  }



  
@media(max-width: 840px){
  .tamanhoh1 {
      font-size: 25px !important;
      color: black;
      font-weight: bold;
    }
  .navbar-nav{
      display: none }
  .y{
    height: 800px;
  }
  .tamanhoh1 {
  font-size: 30px;
  color: black;
  font-weight: bold;
}
.carroce{
  display: block !important;
}
.nocarroce{
  display: none;
}
 .minhaf{
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  overflow: hidden;
  
 }
 .Pesquisar{
  display: none;
 }
 .menus{
  display: none;
 }
 
 .show{
  display: flex !important;
 }
 .cards{
  width: 100%;
 }
.tamanholink {
  font-size: 12.3px;


}
input{
  width: 100%;
}
button{
  padding:8px;
  width: 50px;
}
}