@media all and (max-width:1080px){
    
    main{
        min-width: 720px;
    }

    #nossoTrabalho{
        width:720px;
    }

    form{
        width: 85%;
        padding: 5px;
        text-align: center;
    }
}


@media all and (max-width:950px){
    main{
        min-width: 720px;
    }
    .nr{
        flex-direction: column;
        align-items: center;
    }
    #nr12{
        flex-direction: column-reverse;
    }
    
    #nr12>div>h3{
        text-align: center;
    }
    #nr13>div>h3{
        text-align: center;
    }
    #nr12>div>p{
        text-align: justify;
    }

}

@media all and (max-width:760px){
    header{
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }


    header>h1{ 
        text-align: center;
    }
    header>nav{
        max-width: 100vh;
    }
    main> h2{
        width: 60%;
        
        
    }
    #servicos{
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: 300px 300px 300px;
    }
    #nossoTrabalho{
        width:640px;
    }
    .nt{
        background-size: cover;
    }
    .grow img{
        max-width: 80%;
        align-self: center;
        /*margin-left: 10%;*/
    }
}

@media all and (max-width:740px){
    main{
        
        min-width: 600px;
    }

    #servicos{
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,250px);
    }

    .clientes{
        width: 180px;
        height: 100px;
        margin:10px;
    }

    #nossoTrabalho{
        width:500px;
    }
   
}

@media all and (max-width:640px){
    main{
        min-width: 500px;
    }
    #nossoTrabalho{
        width:90%;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(4,175px);
    }
    
    #nt1{
        grid-row: 1/3;
        grid-column: 1/4;
        background-size: cover;
    }

    #nt4{
        grid-row: 3/4;
    }
    #nt2{
        grid-row: 4/5;
        grid-column: 1/2;
    }
    #nt3{
        grid-row: 4/5;
        grid-column: 2/3;
    }
    #nt5{
        grid-row: 4/5;
        grid-column: 3/4;
    }
    .nr>img{
        width: 200px;
    }
    .clientes{
        width: 120px;
        height: 80px;
        margin:5px;
    }
}

@media all and (max-width:640px){
    main{
        min-width: 500px;
    }
    #nossoTrabalho{
        width:90%;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(4,175px);
    }
    
    #nt1{
        grid-row: 1/3;
        grid-column: 1/4;
        background-size: cover;
    }

    #nt4{
        grid-row: 3/4;
    }
    #nt2{
        grid-row: 4/5;
        grid-column: 1/2;
    }
    #nt3{
        grid-row: 4/5;
        grid-column: 2/3;
    }
    #nt5{
        grid-row: 4/5;
        grid-column: 3/4;
    }
    .nr>img{
        width: 200px;
    }
    .clientes{
        width: 120px;
        height: 80px;
        margin:5px;
    }
}


@media all and (max-width:500px){
    body{
        max-width: 500px;
        
    }
    header{
        min-width: 200px;
        max-width: 500px;
        width: 100%;
    }
    #menu{
        min-width: 200px;
        width: 100%;
        flex-wrap: wrap;
    }
    #menu>a{
        width: 63px;
    }
    main{
        min-width: 200px;
        max-width: 500px;
    }
    .clientes{
        width: 90px;
        height: 60px;
        margin:3px;
    }
    form{
        min-width: 250px;
        width:90%;
        font-size: 10pt;
        margin: auto;
        padding:0px;
        align-items:center;
        
    }

    form>input{
        padding: 3px;
    }

    form>textarea{
        padding: 3px;
        border:2px;
        width:100%
    }
    #contato>h5{
        font-size: 10pt;
    }

    footer{
        min-width: 200px;
        width: 100%
    }
    #whatsapp{
        width: 60px;
    }
    #whatsapp>p{
        display: none;
    }
}