@media screen and (max-width: 999px) {
    section.endereco-info,
    section.mapa {
        flex: 1;
        box-sizing: border-box;
        max-width: 100%; /* Alterado para ocupar toda a largura disponível */
        margin-top: 20px;
    }

    section.mapa {
        display: block; /* Alterado para empilhar o mapa abaixo do endereço */
        align-items: initial; /* Removido o alinhamento vertical */
    }

    section.mapa iframe {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        height: 300px; /* Definido uma altura fixa */
        aspect-ratio: unset; /* Removido aspect ratio para altura fixa */
    }

    .convenios img {
        margin-left: auto; /* Centraliza a imagem */
        margin-right: auto; /* Centraliza a imagem */
        margin-top: 20px; /* Ajustado o espaçamento superior */
        margin-bottom: 5%; /* Ajustado o espaçamento inferior */
    }

    .sobre-nos h2,
    .our-team h2,
    .Textotitulo h3 {
        font-size: 30px; /* Reduzido o tamanho do título */
    }

    .sobre-nos p {
        font-size: 18px; /* Reduzido o tamanho do parágrafo */
    }

    .image img {
        height: auto; /* Permitido ajuste proporcional da altura */
    }

    .photo {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        height: auto; /* Permitido ajuste proporcional da altura */
        overflow: hidden;
        box-shadow: none; /* Removido sombra */
    }

    .photo img {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
    }

    .infor {
        text-align: center; /* Centralizado o texto */
    }

    .infor h3 {
        font-size: 24px; /* Reduzido o tamanho do título */
    }

    .infor p {
        font-size: 16px; /* Reduzido o tamanho do parágrafo */
    }

    .banner {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        height: auto; /* Permitido ajuste proporcional da altura */
    }

    .banner img {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        height: auto; /* Permitido ajuste proporcional da altura */
    }

    .Quadrados-container {
        flex-direction: column; /* Alterado para empilhar os botões verticalmente */
        align-items: center; /* Centralizado os botões horizontalmente */
        margin-top: 20px; /* Ajustado o espaçamento superior */
    }

    .Quadrado {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        margin: 10px 0; /* Ajustado o espaçamento entre os botões */
    }

    .linha {
        margin-bottom: 10px; /* Reduzido o espaçamento abaixo da linha */
    }

    .texto-informativo {
        width: 100%; /* Ajustado para ocupar toda a largura disponível */
        padding: 20px; /* Ajustado o espaçamento interno */
        margin-left: auto; /* Centralizado horizontalmente */
        margin-right: auto; /* Centralizado horizontalmente */
    }

    .texto-informativo h2 {
        font-size: 29px; /* Reduzido o tamanho do título */
        margin-bottom: 10px; /* Reduzido o espaçamento inferior */
    }

    .texto-informativo p {
        font-size: 20px; /* Reduza o tamanho da fonte para um valor adequado */
        max-width: 90%; /* Certifique-se de que o texto não ultrapasse a largura da tela */
        line-height: 1.4; /* Ajuste o espaçamento entre linhas, se necessário */
    }
        header {
            flex-direction: column;
            align-items: flex-start;
        }
    
        .logo {
            margin-bottom: 20px;
        }
        .menu {
            /* Adicione estilos para o menu aqui */
            display: flex;
            flex-direction: column; /* Empilha os botões verticalmente */
            align-items: center; /* Centraliza os botões horizontalmente */
        }
     
       
       body {
        overflow-x: hidden; /* Impede a rolagem horizontal */
    }
    
    .content {
        width: 100%; /* Garante que o conteúdo ocupe toda a largura da tela */
        max-width: 100%; /* Garante que o conteúdo não ultrapasse a largura da tela */
        overflow-x: hidden; /* Impede a rolagem horizontal dentro do conteúdo */
    }
    
    .texto-informativo {
        text-align: center; /* Centraliza o texto */
        margin: 0 auto; /* Centraliza horizontalmente o elemento */
    }
    
    .whatsapp-button {
        margin: 0 auto; /* Centraliza horizontalmente o botão de WhatsApp */
        display: block; /* Garante que o botão de WhatsApp seja exibido como um bloco */
        max-width: 100%; /* Garante que o botão de WhatsApp não ultrapasse a largura da tela */
    }
    
        .footer-section.map,
        .footer-bottom,
        .redes-sociais
        {
            display: none; /* Oculta as seções do mapa e das redes sociais */
        }
        .about-us .gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    
        .about-us .gallery .image {
            width: 80vw; /* Define a largura da imagem para ocupar 80% da largura da tela */
            max-height: 80vh; /* Define a altura máxima da imagem para ocupar 80% da altura da tela */
            margin: 10px; /* Adiciona margem entre as imagens */
        }
    
        .about-us .gallery .image img {
            width: 100%; /* Define a largura da imagem para ocupar toda a largura do contêiner */
            height: auto; /* Altura automática para manter a proporção */
        }
        
        .endereco {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        .mapa {
            margin-top: 20px;
        }
}
@media screen and (min-width: 1000px) and (max-width: 1600px){
    .container {
        max-width: 90%; /* Reduzir a largura máxima para ocupar 90% da largura da tela */
        margin: 0 auto; /* Centralizar o container na tela */
    }

    /* Ajustar o tamanho dos títulos */
    h2 {
        font-size: 36px; /* Reduzir o tamanho dos títulos */
    }

    /* Ajustar o tamanho do texto */
    p {
        font-size: 18px; /* Reduzir o tamanho do texto */
    }

    /* Ajustar a largura do mapa */
    .mapa iframe {
        width: 100%; /* Definir a largura do mapa para ocupar 100% da largura disponível */
        height: 400px; /* Definir uma altura fixa para o mapa */
    }

    /* Ajustar a largura dos botões do footer */
    .footer-section .info,
    .footer-section .redes-sociais {
        width: 100%; /* Definir a largura dos elementos do footer para ocupar 100% da largura disponível */
    }

    /* Ajustar a largura dos elementos do footer */
    .footer-section,
    .footer-bottom {
        width: 100%; /* Definir a largura dos elementos do footer para ocupar 100% da largura disponível */
    }

    /* Ajustar a largura dos botões de contato */
    .footer-section .info a {
        width: 100%; /* Definir a largura dos links de contato para ocupar 100% da largura disponível */
    }

    /* Ajustar a largura dos botões do header */
    .header-buttons {
        width: 100%; /* Definir a largura dos botões para ocupar 100% da largura disponível */
    }
    
    /* Ajustar a largura do banner */
    .banner img {
        width: 100%; /* Definir a largura do banner para ocupar 100% da largura da tela */
        height: auto; /* Permitir que a altura seja ajustada proporcionalmente */
    }

    /* Ajustar o layout dos botões do header */
    .header-buttons {
        display: flex; /* Alterar a exibição para flexível */
        justify-content: center; /* Centralizar os botões horizontalmente */
        margin-top: 20px; /* Adicionar espaço superior */
    }

    /* Ajustar o layout do footer */
    footer {
        padding: 40px 0; /* Adicionar preenchimento interno ao footer */
        text-align: center; /* Centralizar o texto no footer */
    }

    /* Ajustar o layout dos elementos do footer */
    .footer-section {
        margin-bottom: 20px; /* Adicionar espaço inferior entre as seções do footer */
    }

    /* Ajustar o layout dos elementos de contato no footer */
    .footer-section .info p {
        margin-bottom: 5px; /* Reduzir o espaço inferior entre os elementos de contato */
    }

    /* Ajustar o layout dos ícones de redes sociais no footer */
    .footer-section .redes-sociais ul {
        padding: 0; /* Remover o preenchimento interno da lista */
    }

    .footer-section .redes-sociais ul li {
        display: inline-block; /* Exibir os ícones de redes sociais em linha */
        margin: 0 10px; /* Adicionar espaço horizontal entre os ícones */
    }

    .footer-section .redes-sociais ul li a {
        font-size: 24px; /* Ajustar o tamanho do ícone de rede social */
    }


  
}