@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.textresidencial{
    display: flex;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;  
    color: #c39c68;
    align-items: center;
    width: 90%;
    height: 40px;
    padding-top: 3%;
    margin: auto;
    text-align: left;
    text-decoration: none;
    a { color: #c39c68; } 


 
    
}

.textresidencial p{
   padding-left: 2%;
   text-decoration: none;
   
}
.conteiner{
    margin-top: 2%;
    margin-left: 4%;
    margin-right: 4%;
}
#img1{
    width: 600px;
    height: 600px;
}
.img{
    margin-left: 5%;
    display: flex;
    justify-content: space-around;
}
.corpo{
    margin-top: 2%;
    font-family: "Montserrat", sans-serif;  
    color: #c39c68;;
    font-size: 18px;
    line-height: 1.5em;
    margin-left:5%;
    margin-right:5%;
}
.corpo1{
    margin-top: 2%;
    font-family: "Montserrat", sans-serif;  
    color: #c39c68;;
    font-size: 18px;
    line-height: 1.5em;
    margin-left:5%;
    margin-right:5%;
   
}
.corpo2{
    margin-bottom: 2%;
    margin-top: 2%;
    font-family: "Montserrat", sans-serif;  
    color: #c39c68;;
    font-size: 18px;
    line-height: 1.5em;
    margin-left:5%;
    margin-right:5%;
}
@media screen and (max-width: 1366px){
    .textresidencial{
      
        padding-top: 3%;
        padding-bottom: 1%;
    
    
     
        
    }
  
    }
    @media screen and (max-width: 1123px){
        .textresidencial{
          
            padding-top: 4%;
            padding-bottom: 3%; 
        }
        #img1{
            width: 600px;
            height: 600px;
            padding-bottom: 3%;
        }
      
        }
        @media screen and (max-width: 778px){
            .textresidencial{
              
                padding-top: 6%;
                padding-bottom: 5%; 
            }
            #img1{
                width: 500px;
                height: 500px;
                padding-bottom: 3%;
            }
          
            }
            @media screen and (max-width: 684px){
                .textresidencial{
                    line-height: 1.5em;
                    padding-top: 10%;
                    padding-bottom: 7%; 
                }
                #img1{
                    width: 500px;
                    height: 500px;
                    padding-bottom: 3%;
                }
              
                .corpo2{
                    margin-bottom: 10%;
                    
                    
                }
                }
                @media screen and (max-width: 684px){
                    .textresidencial{
                        line-height: 1.5em;
                        padding-top: 10%;
                        padding-bottom: 7%; 
                    }
                    #img1{
                        width: 450px;
                        height: 450px;
                        padding-bottom: 3%;
                    }
                  
                    .corpo2{
                        margin-bottom: 10%;
                        
                    }
                    }
                    @media screen and (max-width: 569px){
                        .textresidencial{
                            line-height: 1.5em;
                            padding-top: 12%;
                            padding-bottom: 10%; 
                          
                        }
                        #img1{
                            width: 450px;
                            height: 450px;
                            padding-bottom: 3%;
                        }
                      
                        .corpo2{
                            margin-bottom: 10%;
                            line-height: 1em;
                        }
                        .corpo{
                      
                            line-height: 1em;
                        }
                        }
                        @media screen and (max-width: 518px){
                            .textresidencial{
                                line-height: 1.5em;
                                padding-top: 12%;
                                padding-bottom: 10%;  
                                font-size: 16px;
                            }
                            #img1{
                                width: 400px;
                                height: 400px;
                                padding-bottom: 3%;
                            }
                          
                            .corpo2{
                                margin-top: 5%;
                                margin-bottom: 10%;
                                
                            }


                            .corpo{
                                margin-top: 5%;
                               
                            }
                            .corpo1{
                                margin-top: 5%;
                                line-height: 1em;
                                text-decoration: none;
                               
                            }
                            .textresidencial img{
                               display: none    ;
                                
                             }
                            }
                            @media screen and (max-width: 467px){
                                .textresidencial{
                                    line-height: 1.5em;
                                    padding-top: 12%;
                                    padding-bottom: 10%; 
                                }
                                #img1{
                                    width: 350px;
                                    height: 350px;
                                    padding-bottom: 3%;
                                }
                              
                                .corpo2{
                                    margin-bottom: 10%;
                                    line-height: 1em;
                                }
                                }
                                @media screen and (max-width: 437px){
                                    .textresidencial{
                                        line-height: 1.5em;
                                        padding-top: 12%;
                                        padding-bottom: 10%; 
                                    }
                                    #img1{
                                        width: 300px;
                                        height: 300px;
                                        padding-bottom: 3%;
                                    }
                                  
                                    .corpo2{
                                        margin-bottom: 10%;
                                        
                                    }
                                    }
                                    @media screen and (max-width:370px){
                                        .textresidencial{
                                            line-height: 1.5em;
                                            padding-top: 15%;
                                            padding-bottom: 10%;
                                         
                                        }
                                        #img1{
                                            width: 250px;
                                            height: 250px;
                                            padding-bottom: 3%;
                                        }
                                      
                                        .corpo2{
                                            margin-bottom: 10%;
                                            
                                        }
                                        }