@media (max-width: 1400px){ 


    /* Principal */
    
    .principal section.area1{
        width: 90%;
    }
    
    .principal section.area1 h1{
        font-size: 35px;
    }
    
    

}






@media (max-width: 1275px){ 


    .galeria article{
        flex-basis: 24%;
    }

    header .logo img{
        width: 250px;
    }
    
    header form{
        display: none;
    }
    
    
    /* Notícias */
    
    .noticias .lista article .imagem{
        flex-basis: 35%;
    }

    .noticias .lista article .informacoes{
        flex-basis: 62.5%;
    }
    
    
    /* Conta */
    
    ul.menu_usuario{
        flex-basis: 32%;
        margin-bottom: 35px;
    }

    .conta section.conteudo{
        flex-basis: 63%;
    }
    
}





@media (max-width: 1200px){ 
    
    /* Rodapé */
    
    footer .about{
        display: none;
    }

    footer ul{
        flex-basis: 23%;
    }
    
    
    /* Principal */
    
    .principal section.vagas article{
        flex-basis: 30.33%;
    }
    
    .principal section.vagas article:last-child{
        display: none;
    }

    
    /* Institucional */
    
    .institucional .diretoria{
        flex-basis: 100%;
    }
    
    .institucional .presidentes{
        flex-basis: 100%;
        margin-top: 35px;
    }
    
    .institucional .presidentes article{
        padding-bottom: 15px;
        border-bottom: 1px dashed #999;
    }
    
    
    /* Serviços */
    
    .servicos .conteudo{
        flex-basis: 65%;
    }
    
    .servicos .lateral article .imagem{
        display: none;
    }

    .servicos .lateral article .informacoes{
        flex-basis: 100%;
    }
    
    
    /* Login */
    
    .login form{
        flex-basis: 475px;
    }
    

}





@media (max-width: 1050px){ 
    
    
    .content{
        width: 90%;
    }
    
    
    /* Navegação */

    nav.menu .relevante{
        display: none;
    }
    
    
    /* Principal */
    
    .principal section.area1 .esquerda{
        flex-basis: 100%;
    }

    .principal section.area1 .direita{
        flex-basis: 100%;
        margin-top: 25px;
    }
    
    
    /* Institucional */
    
    .institucional .missao{
        width: 100%;
    }
    
    
    /* Login */
    
    .login .d_flex_center{
        flex-direction: row-reverse;
    }
    
    .login .novo{
        flex-basis: 100%;
        padding-right: 0;
        padding-bottom: 35px;
        border: 0;
        border-bottom: 10px solid #EEE;
        margin-right: 0;
        margin-bottom: 35px;
        text-align: center;
    }
    
    .login .novo span a{
        width: 225px;
        float: none;
        margin: 0 auto;
    }
    
    .login .novo .crie{
        margin: 25px 0 15px 0;
    }
    
    .login form{
        flex-basis: 600px;
    }


}





@media (max-width: 950px){ 
    
    
    .galeria article{
        flex-basis: 33%;
    }
    
    /* Header */
    
    section.superior .locale{
        display: none;
    }

    section.superior .d_flex{
        justify-content: center;
    }
    
    
    /* Associados */
    
    .associados ul li .categoria{
        display: none;
    }
    
    .associados ul li .nome{
        flex-basis: 27%;
    }

    .associados ul li .telefone{
        flex-basis: 20.5%;
    }
    
    .associados .esquerda{
        flex-basis: 100%;
    }
    
    .associados .direita{
        flex-basis: 100%;
        margin-top: 35px;
    }
    
    
    /* Serviços */
    
    .servicos .lista article{
        flex-basis: 46%;
        margin: 0 2% 30px 2%;
    }
    
    
    /* Notícias */
    
    .noticias .conteudo{
        flex-basis: 100%;
    }
    
    .noticias .lateral{
        flex-basis: 100%;
        margin-top: 35px;
    }
    
    .noticias .lateral.missao{
        display: none;
    }
    
    
    /* Atendimento */
    
    .atendimento form{
        flex-basis: 100%;
    }

    .atendimento .informacoes{
        flex-basis: 100%;
        margin-top: 35px;
    }
    
    
    /* Conta */
    
    ul.menu_usuario{
        flex-basis: 100%;
        margin-bottom: 35px;
    }
    
    .conta h2.geral{
        display: none;
    }
    
    .conta h2.interno_mobile{
        display: block;
    }
    
    .conta .menu_interno{
        display: none;
    }
    
    ul.menu_usuario li a{
        border-bottom: 1px dashed #999;
    }

    .conta section.conteudo{
        flex-basis: 100%;
    }
    

}



@media (max-width: 900px){ 
    
    
    h1{
        font-size: 30px;
    }

    h2{
        font-size: 25px;
    }

    
    /* Rodapé */
    
    footer{
        padding: 50px 0 10px 0;
    }

    footer ul{
        flex-basis: 48%;
        margin-bottom: 35px;
    }
    
    
    /* Principal */
    
    .principal section.destaques article{
        flex-basis: 47.5%;
    }
    
    .principal section.destaques article:last-child{
        display: none;
    }
    
    .principal section.associados article{
        flex-basis: 250px;
    }
    
    .principal section.vagas article{
        flex-basis: 47%;
        margin-bottom: 15px;
    }
    
    .principal section.vagas article:last-child{
        display: block;
    }
    
    
    /* Institucional */
    
    .institucional .diretoria .atual{
        padding: 15px;
    }

    .institucional .diretoria .atual img{
        max-width: 95%;
    }
    
    
    .servicos .conteudo{
        flex-basis: 100%;
    }
    
    .servicos .lateral{
        flex-basis: 100%;
        margin-top: 35px;
    }

}



@media (max-width: 800px){ 
    
    
    /* Header */
    
    header .logo img{
        width: 200px;
    }
    
    
    /* Navegação */
    
    nav.menu{
        display: none;
    }
    
    .abre_menu_mobile{
        display: block;
    }
    
    .superior{
        display: none;
    }
    
    .abrir_mobile{
        display: flex;
    }
    
    header .d_flex{
        padding: 35px 0;
    }
    
    header .logo{
        width: 100%;
        text-align: center;
    }
    
    header .logo img{
        width: 250px;
    }
    
    header form{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-top: 35px;
    }
    
    header form .d_flex{
        display: block;
        padding: 0;
        margin: 0;
    }
    
    header form input{
        width: 100%;
        border-radius: 10px;
    }

    header form input[type=submit]{
        display: none;
    }

    header form span.todos a{
        text-align: center;
    }
    
    header .acesso_portais{
        display: none;
        width: 340px;
        margin: 0 auto;
        margin-top: 35px;
        border-top: 1px solid #EEE;
        padding-top: 0;
    }
    
    header .logado{
        margin: 0 auto;
        margin-top: 35px;
    }
    
    
    section.identificacao{
        padding: 25px 0;
    }
    
    section.identificacao-oktober{
        padding: 25px 0;
    }
    
    ul.submenu{
        width: 100%;
    }
    
    ul.submenu.d_flex{
        display: block;
    }
    
    ul.submenu li a{
        width: 100%;
    }
    
    
    /* Rodapé */

    .gatilho form{
        width: 90%;
    }
    
    
    /* Formulário */
    
    form .informacao .icone{
        flex-basis: 27.5%;
    }

    form .informacao .icone img{
        max-width: 60px;
    }

    form .informacao .texto{
        flex-basis: 72.5%;
    }
    
    
    
    /* Principal */
    
    .principal section.curriculo p{
        width: 100%;
    }
    
    
    /* Institucional */
    
    .estrutura{
        padding-bottom: 35px;
        border-bottom: 1px dashed #999;
    }
    
    .institucional section.estrutura .esquerda{
        flex-basis: 100%;
        text-align: justify;
    }

    .institucional section.estrutura .direita{
        flex-basis: 100%;
        margin-top: 15px;
        text-align: justify;
    }
    
    
    /* Associados */
    
    .associados ul li .logomarca{
        flex-basis: 15%;
    }

    .associados ul li .nome{
        flex-basis: 35%;
    }

    .associados ul li .telefone{
        flex-basis: 30%;
    }

    .associados ul li .endereco{
        display: none;
    }

    .associados ul li .pagina{
        flex-basis: 15%;
    }
    
    
}




@media (max-width: 700px){ 

    
    /* Principal */
    
    .principal section.associados .d_flex_center{
        width: 90%;
        margin: 0 auto;
    }
    
    .principal section.associados .d_flex_center article{
        flex-basis: 48%;
        margin: 15px 1%;
    }
    
    .principal section.vagas article{
        flex-basis: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #999;
    }
    
    
    /* Institucional */
    
    .institucional .missao .esquerda{
        flex-basis: 100%;
        margin-top: 15px;
    }

    .institucional .missao .direita{
        flex-basis: 100%;
    }
    
    .institucional img.frase{
        max-width: 90%;
    }
    
    
}



@media (max-width: 650px){ 
    

    /* Formulários */
    
    form .linha{
        display: block;
    }
    
    
}



@media (max-width: 600px){ 
    
    
    .galeria article{
        flex-basis: 48%;
    }
    
    /* Rodapé */
    
    .gatilho h2{
        width: 90%;
        margin: 0 auto;
    }

    .gatilho p{
        width: 90%;
    }
    
    .gatilho form{
        flex-wrap: wrap;
        display: block;
    }
    
    .gatilho input{
        width: 100%;
        margin-bottom: 10px;
    }

    .gatilho input[type=submit]{
        width: 150px;
        margin: 0 auto;
        float: none;
    }
    
    
    /* Associados */
    
    .associados ul li.socios{
        padding: 20px 10px;
    }
    
    .associados ul li .logomarca{
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .associados ul li .nome{
        flex-basis: 75%;
    }

    .associados ul li .categoria{
        display: block;
        flex-basis: 25%;
        text-align: right;
    }

    .associados ul li .telefone{
        flex-basis: 48%;
        margin: 10px 0;
    }

    .associados ul li .endereco{
        display: block;
        flex-basis: 48%;
        margin: 10px 0;
    }

    .associados ul li .pagina{
        flex-basis: 100%;
    }
    
    .associados ul li.socios .pagina span a{
        width: 150px;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        font-size: 12px;
    }
    
    
    /* Serviços */
    
    .servicos .conteudo h4{
        flex-basis: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .servicos .conteudo .imagem{
        flex-basis: 100%;
    }
    
    
    /* Noticias */
    
    .noticias .lista article .imagem{
        flex-basis: 100%;
    }

    .noticias .lista article .informacoes{
        flex-basis: 100%;
        margin-top: 15px;
    }
    
    .noticias .lista article{        
        padding: 0;
        padding-bottom: 25px;
        margin-top: 25px;
        border-bottom: 1px dashed #999;
    }
    
    
}


@media (max-width: 550px){ 

       
    /* Rodapé */
    
    footer .about{
        flex-basis: 100%;
        margin-bottom: 35px;
        display: block;
        text-align: center;
    }
    
    footer{
        padding: 50px 0 10px 0;
    }

    footer ul{
        flex-basis: 100%;
    }
    
    footer ul h3.inscreva-se{
        margin-top: 35px;
    }
    
    footer ul li a{
        border-bottom: 1px dotted #CCC;
    }
    
    
    /* Principal */
    
    .principal section.area1 .direita{
        max-width: 400px;
        margin: 0 auto;
        margin-top: 25px;
    }
    
    .principal section.area1 .direita article{
        flex-basis: 50%;
        padding: 5px;
    }
    
    .principal section.destaques article{
        flex-basis: 100%;
        margin-bottom: 35px;
    }
    
    .principal section.destaques article:last-child{
        display: block;
        margin-bottom: 0;
    }
    
    
    /* Serviços */
    
    .servicos .lista article{
        flex-basis: 100%;
        margin: 0 0 30px 0;
    }


}





@media (max-width: 500px){ 

    /* Header */
    
    .logo.d_flex_center{
        display: block;
    }
    
    .abre_menu_mobile{
        margin: 0 auto;
        margin-top: 25px;
    }
    
    
    /* Principal */
    
    .principal .titulo span a{
        display: none;
    }
    
    .principal section.area1 h1.geral{
        display: none;
    }
    
    .principal section.area1 h1.mobile{
        display: block;
    }
    
    .principal section.associados .d_flex_center article{
        flex-basis: 100%;
        margin-bottom: 15px;
    }
    
    
    /* Associados */
    
    .associados ul li .nome{
        flex-basis: 100%;
        text-align: center;
    }

    .associados ul li .categoria{
        flex-basis: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .associados ul li .telefone{
        flex-basis: 100%;
        text-align: center;
    }

    .associados ul li .endereco{
        flex-basis: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 10px;
    }
    
    
    /* Formulário */
    
    form .informacao{
        padding: 15px;
    }

    form .informacao .icone{
        display: none;
    }
    
    form .informacao .texto{
        flex-basis: 100%;
    }
    
    
    /* Notícias */
    
    .noticias .conteudo .publicado{
        width: 100%;
    }
    
    .noticias .conteudo .addthis_inline_share_toolbox{
        margin: 5px 0 25px 0;
    }
    

}



@media (max-width: 400px){ 

    /* Header */
    
    header .acesso_portais .portal{
        flex-basis: 48%;
    }
    
    header .acesso_portais .portal img{
        display: none;
    }
    
    header .acesso_portais .portal .informacoes{
        margin-left: 0;
        text-align: center;
    }
    
    header .acesso_portais .portal .informacoes span a{
        margin: 0 auto;
        margin-top: 5px;
    }

}



@media (max-width: 350px){ 

    /* Principal */
    
    .principal section.area1 h1{
        font-size: 30px;
    }

}