@media (max-width: 767px) {
  header {
    flex-direction: column;
    padding: 0.5rem 1rem;
  }
  header img {
    width: 72px;
    margin-left: 0;
  }
  header nav {
    flex-direction: column;
    gap: 10px;
  }
  header nav a {
    font-size: 14px;
  }
  .orcamento {
    width: 160px;
    height: 36px;
    font-size: 13px;
  }
  #typed-title {
    font-size: 32px;
  }
  h3 {
    font-size: 16px;
  }
  .home {
    background: none;
    height: auto;
    padding: 5rem 1.5rem;
  }
  .text {
    align-items: center;
    text-align: center;
    gap: 20px;
  }
  .flecha {
    display: none;
  }
  .titulo-servico {
    font-size: 26px;
  }
  h5 {
    text-align: center;
  }
  .box {
    padding: 1.5rem;
    border-radius: 20px;
  }
  .preco {
    font-size: 20px;
  }
  .preco span {
    font-size: 13px;
  }
  .selo {
    width: 120px;
    height: 24px;
    font-size: 11px;
    margin-left: 8px;
  }
  .site {
    width: 120px;
  }
  .confere {
    width: 12px;
  }
  h6 {
    font-size: 13px;
  }
  .lista {
    gap: 10px;
  }
  .sobre {
    font-size: 28px;
    padding: 40px 20px;
  }
  .item {
    width: 180px;
    height: 240px;
  }
  .qm {
    font-size: 30px;
  }
  .palavras {
    font-size: 30px;
    gap: 30px;
  }
  .palavras img {
    width: 60px;
  }
.container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 40px !important;
}
  .fluidtext {
    font-size: 24px;
  }
  .fluidtextspan {
    font-size: 30px;
  }
  .imgforms,
  .cellimg,
  .formsimg {
    display: none !important;
  }
  .formu {
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
  }
  form {
    padding: 0 1rem;
    width: 100%;
  }
  .input,
  .inputext {
    width: 100%;
  }
  .selectbutton {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    align-items: center;
  }
  .options,
  .enviar {
    width: 100%;
    max-width: 300px;
  }
  .apps {
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
  }
  .appmsg {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .msgs {
    width: 100%;
    max-width: 300px;
  }
  footer section {
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    gap: 2rem;
    text-align: center;
  }
  .esquerda img {
    width: 80px;
  }
  footer h4 {
    font-size: 15px;
  }
  footer nav {
    gap: 10px;
  }
  footer a {
    font-size: 13px;
  }
  footer section p {
    font-size: 11px;
  }
  .redes {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .redes img {
    width: 28px;
  }
  .direita {
    align-items: center;
  }
  .whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 15px;
    right: 15px;
  }
  .whatsapp-float img {
    width: 30px;
    height: 30px;
  }
}