@media screen and (max-width: 576px) {
  
    .navbar {
        display: flex;

    }

    .nav-links {
        display: none;
    }

    .logo {
        width:  70px;
        height: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.wr img {
  /* A imagem agora preenche 100% do seu container pai */
  width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-top: 1rem;
    }

    .container-retangulos  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
        text-align: center;

    }

    .txt, .txt2, .txt3, .txt4 {
    display: flex;             /* Habilita o Flexbox no container do texto */
    justify-content: center;   /* Centraliza o conteúdo horizontalmente */
    align-items: center;       /* Centraliza o conteúdo verticalmente */
    text-align: center; 
    font-weight: 700;
     }

     .containers img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 1rem;
        margin-bottom: 0;
     }

     .containers {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
     }
    .container3  {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 6em;
        align-items:center;
        justify-content: center;
    }
     .item-container  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
     }
     .item  {
        display: flex;
        align-items: center;
        font-size: 1rem;
     }

     .container3 h1 {
        font-size: 2rem;
        text-align: center;
     }

     .texto span{
        font-size: 1rem;
     }

     .container-bnt, .container-bnt1, .container-bnt2, .container-bnt3{
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;
     }

     .bnt-central1 {
        position: relative;
        z-index: 2;
     }
     .container4 {
        
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
     }
     .container4 h1 {
        font-size: 2rem;
        text-align: center;

     }
    .texto2 span {
        font-size: 1rem;
        text-align: start;
        
    }

    .texto3 span{
        text-align: start; 
        font-size: 1rem; 
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: start;
        font-size: 1rem;
    }

    .container5 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container5 h1 {
        font-size: 2rem;
        text-align: center;
    }

    .texto5 h1 {
        font-size: 2rem;
        margin-bottom: 0;
    }

    .container6 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container6 h1 {
        font-size: 2rem;
        text-align: center;
    }
    .texto6 p{
        font-size: 1rem;
        transform: translateY(-20px);
        margin-bottom: 4rem;
    }
    .imagens {
        display: none;
    }

    .texto9, .texto10, .texto11 {
        display: none;

    }

    .container8 {
        display: none;
    }

    .container7 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10rem;
    }

    .container7 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    
}

.texto-container2 {
    margin-right: 0;
}

.texto-container, .texto6 {
    width: 100%;
    max-width: 800px;
    margin: 0;
    padding: 0;
}

.texto60 span{
    max-width: 880px;
    margin: 0 auto;
    text-align:  center;
    font-size: 1rem;
    font-weight: 400;

}
    .texto6 p{
        text-align: center;
        font-size: 2vh
    }

    .contato1 img{
        width:  200px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    }

    @media (min-width: 576px) and (max-width:767.98px) {
        
    .navbar {
        display: flex;

    }

    .nav-links {
        display: none;
    }

    .logo {
        width:  70px;
        height: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.wr img {
  /* A imagem agora preenche 100% do seu container pai */
  width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-top: 1rem;
    }

    .container-retangulos  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
        text-align: center;

    }

    .txt, .txt2, .txt3, .txt4 {
    display: flex;             /* Habilita o Flexbox no container do texto */
    justify-content: center;   /* Centraliza o conteúdo horizontalmente */
    align-items: center;       /* Centraliza o conteúdo verticalmente */
    text-align: center; 
    font-weight: 700;
     }

     .containers img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 1rem;
        margin-bottom: 0;
     }

     .containers {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
     }
    .container3  {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 6em;
        align-items:center;
        justify-content: center;
    }
     .item-container  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
     }
     .item  {
        display: flex;
        align-items: center;
        font-size: 1rem;
     }

     .container3 h1 {
        font-size: 5vh;
        text-align: center;
     }

     .texto span{
        font-size: 1rem;
     }

     .container-bnt, .container-bnt1, .container-bnt2, .container-bnt3{
        display: flex;
        justify-content: center;
     }
     .container4 {
        
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
     }
     .container4 h1 {
        font-size: 5vh;
        text-align: center;

     }
    .texto2 span {
        font-size: 1rem;
        text-align: start;
        
    }

    .texto3 span{
        text-align: start; 
        font-size: 1rem; 
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: start;
        font-size: 1rem;
    }

    .container5 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container5 h1 {
        font-size: 5vh;
        text-align: center;
    }

    .texto5 h1 {
        font-size: 5vh;
        margin-bottom: 0;
    }

    .container6 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container6 h1 {
       font-size: 5vh;
        text-align: center;
    }
    .texto6 p{
        font-size: 1rem;
        transform: translateY(-20px);
        margin-bottom: 4rem;
    }
    .imagens {
        display: none;
    }

    .texto9, .texto10, .texto11 {
        display: none;

    }

    .container8 {
        display: none;
    }

    .container7 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10rem;
    }

    .container7 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    
}

.texto-container2 {
    margin-right: 0;
}

.texto-container, .texto6 {
    width: 100%;
    max-width: 800px;
    margin: 0;
    padding: 0;
}

.texto60 span{
    max-width: 880px;
    margin: 0 auto;
    text-align:  center;
    font-size: 1rem;
    font-weight: 400;

}
    .texto6 p{
        text-align: center;
        font-size: 2vh
    }

    .contato1 img{
        width:  200px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    }

    @media (min-width:768px) and (max-width:991.98px) {

        .navbar {
        display: flex;

    }

    .nav-links {
        display: none;
    }

    .logo {
        width:  70px;
        height: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


.wr img {
  /* A imagem agora preenche 100% do seu container pai */
  width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-top: 1rem;
    }

    .container-retangulos  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
        text-align: center;

    }

    .txt, .txt2, .txt3, .txt4 {
    display: flex;             /* Habilita o Flexbox no container do texto */
    justify-content: center;   /* Centraliza o conteúdo horizontalmente */
    align-items: center;       /* Centraliza o conteúdo verticalmente */
    text-align: center; 
    font-weight: 700;
     }

     .containers img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 1rem;
        margin-bottom: 0;
     }

     .containers {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
     }
    .container3  {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 6em;
        align-items:center;
        justify-content: center;
    }
     .item-container  {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
     }
     .item  {
        display: flex;
        align-items: center;
        font-size: 1rem;
     }

     .container3 h1 {
       font-size: 6vh;
        text-align: center;
     }

     .texto span{
        font-size: 2vh;
     }

     .container-bnt, .container-bnt1, .container-bnt2, .container-bnt3{
        display: flex;
        justify-content: center;
     }
     .container4 {
        
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
     }
     .container4 h1 {
         font-size: 6vh;
        text-align: center;

     }
    .texto2 span {
        font-size: 2vh;
        text-align: start;
        
    }

    .texto3 span{
        text-align: start; 
        font-size: 2vh; 
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: start;
        font-size: 1rem;
    }

    .container5 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container5 h1 {
        font-size: 6vh;
        text-align: center;
    }

    .texto5 h1 {
        font-size: 8vh;
        margin-bottom: 0;
    }

    .container6 {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: -10em;
        align-items:center;
        justify-content: center;
    }

    .container6 h1 {
       font-size: 5vh;
        text-align: center;
    }
    .texto6 p{
        font-size: 2vh;
        transform: translateY(-20px);
        margin-bottom: 4rem;
    }
    .imagens {
        display: none;
    }

    .texto9, .texto10, .texto11 {
        display: none;

    }

    .container8 {
        display: none;
    }

    .container7 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10rem;
    }

    .container7 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    
}

.texto-container2 {
    margin-right: 0;
}

.texto-container, .texto6 {
    width: 100%;
    max-width: 800px;
    margin: 0;
    padding: 0;
}

.texto60 span{
    max-width: 880px;
    margin: 0 auto;
    text-align:  center;
    font-size: 1rem;
    font-weight: 400;

}
    .texto6 p{
        text-align: center;
        font-size: 2vh
    }

    .contato1 img{
        width:  200px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        
    }

    @media (min-width: 992px) and (max-width:1199.98px) {
        
        
    .navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        
    }

    .nav-links {
        display: none;
    }


    
    .logo {
        width:  70px;
        height: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


.wr img {
  /* A imagem agora preenche 100% do seu container pai */
  width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-top: 1rem;
    }

    
    .txt, .txt2, .txt3, .txt4 {
        font-weight: 700;
    }

    
     .containers img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 1rem;
        margin-bottom: 0;
     }

     .containers {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
     }
    .container3  {
        width: 97%;
        max-width: 100%;
        height: auto;
        border-radius: 1rem;
        margin-top: 6em;
        align-items:center;
        justify-content: center;
    }

    
.container-bnt {
    display: flex;
    justify-content: flex-start;
}

.bnt-central1 {
    margin-right: 20rem;
}

    .texto span {
        margin-left: 1rem;
    }

    .texto2 span {
        text-align: left;
        margin-left: 2rem;
    }

    .texto3 span{
        text-align: left;  
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: left;

    }

    .texto5 h1 {
        font-size: 2rem;
    }

    .texto6 p{
        font-size: 1rem;
    }

    .texto60 {
        text-align: center;
    }

    .texto60 span {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    
    .imagens {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
    }

    .imagens img {
        max-width: 100px;
        height: auto;
    }
    

    .container8 {
        margin-bottom: 5rem;
    }

    .container7 {
        display: block;
        align-items: center;
        justify-content: center;
        margin-left: 7rem;
        flex-direction: column;
    }
    .texto5 {
        text-align: center;
    }

    .texto5 h1{
        margin-right:5rem;
    }

    .texto-container2 {
        
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 6rem;
    }

    .texto6 {
        font-size: 2rem;
        text-align: center;
        width: 100%;
        

    }

    .texto6 p {
        font-size: 3vw;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .container7 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .container7 span {
        text-align: center;
        font-size: 1.2rem;
    }

    .texto span{
        text-align: center;
    }

    .item-container {
        justify-content: center;
        align-items: center;
    }
    .contaienr3 {
        text-align: end;
    }
    .texto3 {
        text-align: center;
    }

    .container4 {
        text-align: center;
    }

    .texto2 {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .texto2 span{
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .container-bnt {
        justify-content: center;
        align-items: center;
    }

    .texto3 span {
        text-align: center;
    }
    

    .item-container1 {
        justify-content: center;
        align-items: center;
    }

    .item-container2 {
        justify-content: center;
        align-items: center;
    }

.container5 {
    text-align: center;
}

.container6 {
    text-align: center;
}

.container6 span{
    text-align: center;
    align-items: center;
    justify-content: center;
}

.item-container3 {
    justify-content: center;
    align-items: center;
}
.bnt-central1 {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: -1rem;
}
    
    .container9 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5rem;
        
    }
    

}

@media (min-width:1200px) and (max-width:1399.98px) {

    
        
    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-around;
       
        
    }
    .logo {
        width:  70px;
        height: 70px;
    }

    .wr img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 2rem;

    }

    
    .txt, .txt2, .txt3, .txt4 {
        font-weight: 700;
    }

    
.container-bnt {
    display: flex;
    justify-content: flex-start;
}

.bnt-central1 {
    margin-right: 20rem;
}

    .texto span {
        margin-left: 1rem;
    }

    .texto2 span {
        text-align: left;
        margin-left: 2rem;
    }

    .texto3 span{
        text-align: left;  
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: left;

    }

    .texto5 h1 {
        font-size: 2rem;
    }

    .texto6 p{
        font-size: 1rem;
    }

    .texto60 {
        text-align: center;
        font-size: 3rem;
    }

    .texto60 span {
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 3rem;
    }
    
    .imagens {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
    }

    .imagens img {
        max-width: 100px;
        height: auto;
    }
    

    .container8 {
        margin-bottom: 5rem;
    }

    .container7 {
        display: block;
        align-items: center;
        justify-content: center;
        margin-left: 7rem;
        flex-direction: column;
    }
    .texto5 {
        text-align: center;
    }

    .texto5 h1{
        margin-right:5rem;
    }

    .texto-container2 {
        
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 6rem;
    }

    .texto6 {
        font-size: 2rem;
        text-align: center;
        width: 100%;
        

    }

    .texto6 p {
        font-size: 3vw;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .container7 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .container7 span {
        text-align: center;
        font-size: 1.5rem;
    }

    .texto span{
        text-align: center;
    }

    .item-container {
        justify-content: center;
        align-items: center;
    }
    .contaienr3 {
        text-align: end;
    }
    .texto3 {
        text-align: center;
    }

    .container4 {
        text-align: center;
    }

    .texto2 {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .texto2 span{
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .container-bnt {
        justify-content: center;
        align-items: center;
    }

    .texto3 span {
        text-align: center;
    }
    

    .item-container1 {
        justify-content: center;
        align-items: center;
    }

    .item-container2 {
        justify-content: center;
        align-items: center;
    }

.container5 {
    text-align: center;
}

.container6 {
    text-align: center;
}

.container6 span{
    text-align: center;
    align-items: center;
    justify-content: center;
}

.item-container3 {
    justify-content: center;
    align-items: center;
}
.bnt-central1 {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: -1rem;
}
    
    .container9 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5rem;
        
    }
    

}

@media (min-width:1400px) {

    
        
    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-around;
       
        
    }
    .logo {
        width:  70px;
        height: 70px;
    }

    .wr img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 2rem;

    }

    
    .txt, .txt2, .txt3, .txt4 {
        font-weight: 700;
    }

    
.container-bnt {
    display: flex;
    justify-content: flex-start;
}

.bnt-central1 {
    margin-right: 20rem;
}

    .texto span {
        margin-left: 1rem;
    }

    .texto2 span {
        text-align: left;
        margin-left: 2rem;
    }

    .texto3 span{
        text-align: left;  
     }

     .item-container2 {
        display: flex;
        align-items: flex-start;
     }

    .texto4 span{
        text-align: left;

    }

    .texto5 h1 {
        font-size: 2rem;
    }

    .texto6 p{
        font-size: 1rem;
    }

    .texto60 {
        text-align: center;
        font-size: 3rem;
    }

    .texto60 span {
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 3rem;
    }
    
    .imagens {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
    }

    .imagens img {
        max-width: 100px;
        height: auto;
    }
    

    .container8 {
        margin-bottom: 5rem;
    }

    .container7 {
        display: block;
        align-items: center;
        justify-content: center;
        margin-left: 7rem;
        flex-direction: column;
    }
    .texto5 {
        text-align: center;
    }

    .texto5 h1{
        margin-right:5rem;
    }

    .texto-container2 {
        
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 6rem;
    }

    .texto6 {
        font-size: 2rem;
        text-align: center;
        width: 100%;
        

    }

    .texto6 p {
        font-size: 3vw;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .container7 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .container7 span {
        text-align: center;
        font-size: 1.5rem;
    }

    .texto span{
        text-align: center;
    }

    .item-container {
        justify-content: center;
        align-items: center;
    }
    .contaienr3 {
        text-align: end;
    }
    .texto3 {
        text-align: center;
    }

    .container4 {
        text-align: center;
    }

    .texto2 {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .texto2 span{
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .container-bnt {
        justify-content: center;
        align-items: center;
    }

    .texto3 span {
        text-align: center;
    }
    

    .item-container1 {
        justify-content: center;
        align-items: center;
    }

    .item-container2 {
        justify-content: center;
        align-items: center;
    }

.container5 {
    text-align: center;
}

.container6 {
    text-align: center;
}

.container6 span{
    text-align: center;
    align-items: center;
    justify-content: center;
}

.item-container3 {
    justify-content: center;
    align-items: center;
}
.bnt-central1 {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: -1rem;
}
    
    .container9 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5rem;
        
    }
 

}