/*Ajustes de telas*/
@media screen and (min-width: 250px) and (max-width: 1024px) {
/*secao-topo & secao-rodape*/
    .secao-topo{
        margin: auto;
        flex-direction: column;
    }
    .logoTopo, .logoRodape{       
        display: flex;
        justify-content: center;
    }
/*secao-banner*/
    .secao-banner{
       margin: auto;
    }
/*secao-projetos*/
    .secao-projetos{
        align-items: center;
    }
    .limitaLarguraProjetos{
        width: 98%;
    }
    .h2Estilo{
        text-align: center;
    }
/*secao-quemSomos*/ 
     .limitaLarguraQuemSomos{
        width: 100%;
    }
/*secao-ondeEstamos*/
    .limitaLarguraOndeEstamos{
        width: 90%;
    }
    .limitaLarguraOndeEstamos iframe{
        width: 100%;
        padding-top: 15px;
    }
/*secao-quemSomos*/
    .pQuemSomos{
        font-size: 15px;
    }  
    .tbQuemSomos th{        
        font-size: 8px;             
    }
    .tbQuemSomos td{
        font-size: 8px;   
    }     
}
/*@media only screen and (max-width: 320px){*/
@media only screen and (max-width: 420px){
    .h2Estilo{
        margin: auto;
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
/*secao-topo*/
    .secao-topo{
        border-top: 2px solid rgba(255, 166, 38);
    }
    .limitaLarguraContatoTopo{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 18px;
    }
    .divTopo{
        width: 100vw;
        height: 40px;
    }
    .contatoTopo{
        display: none;        
        margin-top: 8px;
    }
    .redeSocialTopo{
        width: 60%;
    }
    .alinhaTopo{
        flex-direction: column;
    }
    .logoTopo img, .logoRodape img{
        width: 100px;
    }
    .linkTopo{
        width: 100vw;
        padding: 10px;       
    }
    .linksTopo{       
        align-items: center;
        text-align: center;
    }
    .linksTopo a{        
        font-size: 9px; 
    } 
    .linkRodape h2{
        text-align: center;
    }
    .linkFlutuante{
        display: none;
    }
    .linkFlutuanteTopo{       
        bottom: 70px;
        right: 15px;
    }
/*secao-rodape*/
    .secao-rodape{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-top: 20px solid #001a48;
    }
    .iconeRodape{
        width: 25px;
    }
    .endRodape{
        gap: 5px;
    }
    .endRodape h3{
        font-size: 18px;
    }
    .endRodape h4{
        font-size: 11px;
    }
  
/*secao-banner*/   
    .limitaLarguraBanner{        
        height: 26vh;
        align-items: center;
    }
    .divSlogan{
        width: 100vw;
        height: 35%;
        background-color: white;
    }      
    .divSlogan h1{
        color: black;
        font-size: 14px !important;
    }
    .divSlogan h2{
        color: black;
        font-size: 12px !important;
        line-height: 1;
    }
/*secao-eventos*/
    .limitaLarguraMural p{
        text-align: center;
    }
    .divEventos img:hover{
        scale: 1.8;
    }
/*secao-projetos*/
    .divAnjosDaLata{    
        flex-direction: column;
        align-items: center;
    }
    .descAnjosDaLata{
        height: 100%;
        margin-top: 20px;
    }
    .resumoAnjosDaLata h3{
        font-size: 15px;
    }
    .resumoAnjosDaLata p{
        line-height: 2;
        font-size: 15px;
        text-align: justify;
        text-decoration: none;
    }
    .descProjeto figcaption{
        font-size: 15px;
    }
    .divLinkProjeto{
        margin-top: 20px;
    }
    .cardProjetos{
        width: 190px !important;
        height: 250px !important;
    }
    .imgProjeto{
        width: 190px !important;
        height: 170px;        
    }
    .descProjeto a{   
        font-size: 15px !important;
    }
/*secao-quemSomos*/
    .tbQuemSomos{
        width: 90%;
    }
/*secao-ondeEstamos*/
    .ajustaOndeEstamos{
        flex-direction: column;
    }
    .frenteSede{
        width: 50%;
    }
    .iFrameOndeEstamos{
        width: 100%;
       
    }
/*secao-parceiros*/
    .logo{
       margin: auto;
       width: 100%;
    }
    .logo img{
    border-radius: 0%;  
    }
    .logoMenor {
        width: 70%;
    }
    .logoMaior{
        width: 70%;
        justify-content: space-between;
    }   
}
/*
@media screen and (min-width: 321px) and (max-width: 882px) {
/*secao-topo & secao-rodape 
     .logoTopo img, .logoRodape img{
        width: 180px;
    }
    .linkTopo{
        width: 100vw;
        padding: 10px;       
    }
    .linksTopo{       
        align-items: center;
        justify-content: center;
    }
    .linksTopo a{        
        font-size: 13px;
        text-align: center;   
    }
    .linkRodape h2{
        text-align: center;
        font-size: 15px;
        padding-bottom: 15px;
    }
     .secao-rodape{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .iconeRodape{
        width: 25px;
    }
/*secao-banner 
    .limitaLarguraBanner{
        width: 100%;       
    }
    .divSlogan{
        width: 80%;
        height: 35%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }      
/*secao-projeto
    .h2Estilo{
        width: 98%;
        margin: auto;
        padding: 15px;
    }
    .cardProjetos{
        width: 250px;
        height: 320px;
    }
    .imgProjeto{
        width: 250px;
        height: 170px;        
    }
    .descProjeto a{   
        font-size: 20px;
    }
}*/
@media screen and (min-width: 321px) and (max-width: 480px) {
/*secao-banner*/
    .limitaLarguraBanner{
        height: 30vh;
    }
     .divSlogan{     
        gap: 5px;
    }     
    .divSlogan h1{
        font-size: 15px;
    }
    .divSlogan h2{
        font-size: 12px;
    }
/*secao-projetos*/
    .h2Estilo{       
        font-size: 18px;
    }
}
@media screen and (min-width: 481px) and (max-width: 882px) {
/*secao-banner*/  
    .limitaLarguraBanner{
        height: 50vh;
    }
    .divSlogan h1{
        font-size: 25px;
    }
    .divSlogan h2{
        font-size: 18px;
    }
/*secao-projetos*/    
    .h2Estilo{
        font-size: 25px;
    }
}
@media screen and (min-width: 883px) and (max-width: 1024px) {
/*secao-banner*/
    .secao-banner{
        margin: auto;
        background-size: cover;
    }
    .limitaLarguraBanner{
        width: 100%;
        height: 60vh;
    }
    .divSlogan{
        width: 80%;
        height: 30%;
        margin: auto;
    } 
    .divSlogan h2{
        font-size: 22px;
    }
/*secao-projetos*/   
    .h2Estilo{
        width: 98%;
        margin: auto;
        font-size: 25px;
        padding: 15px;
    }
    .cardProjetos{
        width: 250px;
        height: 320px;
    }
    .imgProjeto{
        width: 250px;
        height: 170px;        
    }
    .descProjeto a{   
        font-size: 20px;
    }
}
/*Página anjosDaLata*/
@media only screen and (max-width: 420px){

    /*secao-projetoAnjosDaLata*/
    .secao-projetoAnjosDaLata h2{
        text-align: center;
        font-size: 18px;
    }
    .descricaoProjeto p{
        font-size: 15px;
    }
    .descricaoProjeto span{
        font-weight: bold;
        font-size: 18px;
        text-align: justify;
    }
}