@media only screen and (max-width: 900px) {
    #navbar{
        display: none;
    }

    header {
        margin: 0;
    }


    #mobile_conteudo_menu, #mobile_nav_logo, #mobile_btn_menu  {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    #mobile_conteudo_menu{
        display: flex;
        gap: 50px;
    }

    #conteudo_botao_contato_mobile_menu{
        display: flex;
        justify-content: center;
        margin-left: -40px;
    }

    #mobile_nav_logo {
        width: 70px;
        margin-left: -50px;
    }

    #mobile_btn_menu {
        border: none;
        color: var(--cor-roxo);
        font-size: 20px;
        background-color: transparent;
        text-shadow: var(--cor_cinza_escuro);
    }

    #mobile_menu.active{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: -40px;
    }

    #mobile_btn_menu:hover {
        cursor: pointer;
    }

    #mobile_menu.active {
        display: flex;
    }

    #mobile_nav_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

    #nav-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
    }


    
    .home{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .loader {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 35px;
        margin: 0;
    }

    .words{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .word {
        display: block;
        height: 80px;
        padding-left: 6px;
        color: var(--cor-roxo);
        animation: spin_4991 4s infinite;
        line-height: 50px;
    }

    #img_tablet img {
        width: 100%; /* Exemplo de largura */
        height: auto; /* Manter a proporção da imagem */
        max-width: 100%; /* Garante que a imagem não exceda a largura do contêiner */
    }

    #txt_home{
        font-size: 20px;
        margin-bottom: 10px;
    }

    
    .quem_somos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
        width: auto;
        height: auto;
    }


    .quem_somos_descricao{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .quem_somos_imagem {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #quem_somos_imagem_conteudo {
        width: 100%;
        height: auto;
    }
    

    .missao_visao_valores{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .parceiros{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .parceiros_descricao{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
           
    }

    #parceiros_descricao_titulo{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    #parceiros_descricao_subtitulo{
        margin-bottom: 30px;    
    }

    .parceiros_logos{
        display: flex;
        margin-top: 20px;
        width: 100%;
    }

    .imagem_parceiro_logos{
        width: 100px;
        height: 100px;
    }

    .servicos{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

    .desenvolvimento_web{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }


    .servicos_desenvolvimento_web_vantagens{
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
        font-size: 10px;
        width: 80%;
    }

    .design_grafico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }

    .servicos_design_grafico_vantagens{
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
        font-size: 10px;
        width: 80%;
    }

    .automacoes{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }

    .servicos_automacoes_vantagens{
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
        font-size: 10px;
        width: 80%;
    }

    footer{
        font-size: 10px;
    }
}