@media screen and (max-width:1820px){
    .abertura-4mti section{
    padding:60px 12%;
    }
    .abertura-4mti footer .dados-contato{
        padding:30px 12%;
    }
    #lg-button .fa-user{
    padding-top:3px;
    }
    #lg-button-mobile .fa-user{
    padding-top:3px;
    }
}
@media screen and (max-width:1550px){
    .abertura-4mti section{
    padding:60px 10%;
    }
    .abertura-4mti footer .dados-contato{
    padding:30px 10%;
    }
    #sobre .title-geral{
    margin-left:150px;
    }
}
@media screen and (max-width:1460px){
    .abertura-4mti section{
    padding:60px 6%;
    }
    .abertura-4mti footer .dados-contato{
    padding:30px 6%;
    }
    .circulos-entre-paginas-direita.bases{
    margin-left:88%;
    }
    .circulos-entre-paginas-esquerda.bases{
    margin-left:3%;
    }
}
@media screen and (max-width:1280px){
    header{
    padding:30px 10%;
    }
    .imagem_apresentacao img{
    width:100%;
    }
    #menu_logar a.op{
    position:static;
    }
    .abertura-4mti section{
    padding:60px 3%;
    }
    .abertura-4mti footer .dados-contato{
    padding:30px 3%;
    }
    #menu_mobile{
    display:flex;
    }
    aside {
    padding-left:10px;
    }
    .caixa_contato img{
    right:8%;
    }
    #wrapper_divulgacao{
    padding:0;
    margin:10px 40px;
    }
    .apresentacao-origens{
    margin-left:10px;
    margin-right:10px;
    }
    section h3{
    font-size:25px;
    }
    .slideshow-container{
    margin:auto;
    }    
    .next, .prev{
    margin:0;
    }
    #sobre .title-geral{
    margin-left:50px;
    }
    .about-more-information-item{
    margin:0 20px;
    }
    #contato .imagem_contato img{
    width:450px;
    }
    .container-blog{
    grid-template-columns:1fr 1fr;
    } 
}

@media screen and (max-width:1030px){
    header{
    padding:30px 8%;
    }
    .logo-home img{
    width:400px;
    }
    .container-artigos{
    flex-direction:column;
    }
    aside{
    padding-left:125px;
    }
    .lista_ultimos_artigos{
    padding-top:0;
    }
    aside{
    width:auto;
    }        
    .logo-home img{
    width:400px;
    }
    .separador-about{
    display:none;
    }
    #sobre .title-geral{
    margin-left:0;
    }
    .circulos-entre-paginas-direita.bases{
    margin-left:80%;
    }
    .circulos-entre-paginas-esquerda.bases{
    margin-left:10%;
    }
    .contato_container{
    flex-direction:column;
    }
    .contato_container .imagem_contato{
    display:flex;
    justify-content:center;
    }
    #contato .caixa-botao{
    justify-content:center;
    }
    @keyframes efeito_wave{
        0%{
            background-position-x:-94vw;
        }
    }
}

@media screen and (max-width:950px){
    header{
    padding:30px 30px;
    }
    .imagem_apresentacao img{
    width:350px;
    }
    .logo-dataself h1{
    font-size:70px !important;
    }
    .logo-dataself img{
    width:100px;
    }
    header #menu_mobile, header .logado{
    width:20%;
    }
    .title-geral p{
    width:80%;
    }
    .circulos-entre-paginas-direita{
    margin-left:75%;
    }
    .imagens-carrossel img, .caixa_contato img{
    display:none;
    }
    .circulos-entre-paginas-esquerda{
    margin-top:-2em;
    }
    .caixa-fontes{
    padding:50px 70px;
    }
    .circulos-entre-paginas-direita.bases{
    margin-left:75%;
    }  
}

@media screen and (max-width:768px){
    #apresentacao{
    flex-direction:column-reverse;
    background-image:url('../img/bg-abertura-mobile.png');
    background-position:right;
    background-size:contain;
    }
    .logo-home{
    width:250px;
    }    
    .navbar{
    justify-content:space-between;
    align-items:center;
    }
    #menu_logar{
    display:none;
    }
    #menu_inicial_mobile{
    display:flex;
    }
    .dados-contato-empresa{
    flex-direction:column;
    }
    .cabecalho-artigos h2{
    padding:140px auto;
    font-size:50px;
    }
    #form-contato > p{
    white-space:normal;
    }
    .solution-information a{
    text-align:center;
    max-width:400px;
    }
    .solution-information span,.solution-information p{
    text-align:center;
    }
    .solution-information p{
    width:90%;
    margin:0 auto;
    }
    .dados-contato{
    flex-direction:column;
    justify-content:center;
    }
    #form-painel{
    display:block;
    }
    .caixa-fontes{
    padding:35px 40px;
    }
    .informacoes-personalizado{
    width:100%;
    }
    .intuitivo-organizacao, .links-selecao, .caixa-fontes{
    margin:0 15px;
    }
    .artigos{
    flex-direction:column;
    }
    .artigo-container{
    margin-bottom:20px;
    }
    .caixa_contato{
    width:100%;
    }
    .container-blog{
    grid-template-columns: 1fr;
    } 
}


@media screen and (max-width:570px){   
    .titulo_chamada_artigo{
    font-size:15.5px;
    }
    .descricao_chamada_artigo{
    font-size:14px;
    }
    #log{
    top:-15px;
    font-size:14px;
    left:12px;
    }
    #inicio{
    height:100vh;
    }
    .rolar{
    background-color:unset;
    top:-25px;
    }
    .rolar a{
    font-size:37px;
    margin-top:-22px;
    background-color:unset;
    }    
    .dados-contato-empresa{
    flex-direction:column;
    }
    .dados-contato{
    padding:20px 0;
    }
    .dados-contato-empresa{
    padding:40px;
    }
    .mouse_scroll{
    display:none;
    }
    #wrapper_divulgacao{
    padding:0;
    margin:10px 15px;
    }
    #form-contato,.mensagem_email{
    width:100%;
    }
    .caixa-botao{
    width:90%;
    }
    .circulos-entre-paginas-direita{
    margin-left:58%;
    }
    .caixa-fontes .carrossel .secao-divs{
    width:300%;
    }
    .caixa-fontes .carrossel .secao-divs div{
    width:100%;
    }
    .circulos-entre-paginas-esquerda.bases{
    margin-top:-14em;
    margin-left:5%;
    }
}

@media screen and (max-width:480px){
    #apresentacao{
    height:75vh;
    }
    #apresentacao .imagem_apresentacao{
    display:none;
    }
    .texto_apresentacao p{
    width:300px;
    }
    .logo-principal{
    position:relative;
    display:flex;
    width:160px;
    height:65px;
    }
    .logo-principal h1{
    font-size:22px;
    }
    .abertura{
    position:relative;
    bottom:22px;
    }
    .abertura h4{
    font-size:12px !important;
    margin:4px 0 !important;
    }
    .abertura p{
    margin:2px auto;
    }
    /*  FORMULÁRIO  */
    .container{
    margin-left:25px;
    max-width:300px;
    }
    .caixa-login{
    margin-bottom:0;
    margin-top:75px;
    width:100%;
    padding:0;
    }
    .about-description{
    margin:0;
    width:100%;
    }
    #sobre .title-geral p, #sobre .title-geral img{
    width:100%;
    }
    .about-more-information-item{
    margin-top:20px;
    }
    .apresentacao-origens{
    padding:25px 50px;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    padding-bottom:90px;
    }
    .info_divulgacao .grupo_circulo{
    display:none;
    }
    .input-pesquisa{
    width:180px;
    }
    .pesquisa{
    justify-content:center;
    }
    .caixa-pesquisa{
    margin:0;
    padding:10px 0 9px 18px;
    }
    .apresentacao-info-origem span{
    width:auto;
    padding-inline:0;
    }
    .origem_divulgacao{
    margin:0;
    }
    .apresentacao-info-origem h1{
    text-align:center;
    }
    #origens_divulgacao{
    margin-top:70px;
    }
    .origem_divulgacao:not(:first-child){
    margin-top:10px;
    }
    #contato .imagem_contato img{
    width:90%;;
    }
    #log{
    width:100%;
    }
    .circulos-entre-paginas-esquerda.bases{
    margin-top:-14em;
    margin-left:5%;
    }
    .circulos-entre-paginas-direita.bases{
    margin-left:65%;
    }
    .caixa-fontes{
    margin:0;
    padding:20px 0;
    }
    .artigos, .artigo-container, .artigo-container img{
    width:90%;
    }
}

@media screen and (max-width:320px) {
    .about-image img,
    .title-geral h2,
    #sobre .title-geral p{
    width:100%;
    }
    .about-description{
    margin:0;
    width:100%;
    }
    #sobre .title-geral{
    align-items:flex-start;
    padding:0 5px 0 5px;
    }
    .about-more-information-item{
    width:100%;
    padding:0;
    margin:20px;
    }
    .about-more-information-item span{
    margin:10px 0;
    }
    .about-more-information-item p{
    width:auto;
    }
    .solution-information{
    width:100%;
    margin:5px;
    }
    .solution-information a{
    padding:15px;
    }
    .solution-information span, .solution-information p{
    text-align:left;
    width:100%;
    }
    .circulos-entre-paginas-esquerda,.circulos-entre-paginas-direita{
    display:none;
    }
    .botoes-carrossel em{
    margin:0 40px;
    }
    .artigos, .artigo-container, .artigo-container img{
    width:100%;
    }
}