@charset "UTF-8";
/**=====versão landscape (min-windth:707px)=====*/
    section{
        display: block;
        margin: auto;
        width:540px
    }
    div#img-01 >img{
        width: 300px;
    }
    /*=====CSS HERADER=====*/
    .slide-menu{
        min-height: 40px;
    }
    /*=====SECTION SERVIÇOS=====*/
    section#Servicos{
        padding-top: 30px;
    }
    div#cards-servicos{
        width: 500px;
        padding-top: 20px;
    }
    div.card-servicos{
        width: 500px;
    }
    /*=====SECTION PORTFOLIOS=====*/
    section#Portifolios{
        padding-top: 30px;
    }
    div#cards-portifolios{
        width: 500px;
        padding-top: 20px;
    }
    div.card-portifolios{
        width: 500px;
    }
    div.card-portifolios >img{
        width: 500px;
    }
    /*=====SECTION PROCESSOS=====*/
    section#Processos{
        padding-top: 30px;
        width: 500px;
    }
    div.processos{
        grid-template-columns: 500px;
    }
    div#img-2 > img{
        width:500px ;
    }
    /*=====SECTION PRECOS=====*/
    section#Precos{
        padding-top: 30px;
        width: 500px;
    }
    /*=====SECTION CONTATOS=====*/
    section#Contato{
        padding-top: 30px;
    }
    .container{
        margin-top: 20px;
        width: 500px;
        margin: auto;
    }
    div#imagens{
        margin: auto;
        width: 400px;
        align-items: end;
    }
    div#imagens > img#img-3{
        width: 330px;
    }
    /*=====FOOTER=====*/
    footer{
        flex-direction: row;
        justify-content: center;
        font-size: clamp(.9rem, 1vw, 1rem);
        margin-top: 20px;
    }