/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 1399px 
* ----------------------------------------------------------------------------
 */
 @media(max-width:1399px) {
    /** Bloco "DIFERENCIA" */
    #diferencia article { min-height: 300px; padding: 2rem 1.25rem; }
    #diferencia article h3 { font-size: 1.15rem; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 1199px 
* ----------------------------------------------------------------------------
 */
 @media(max-width:1199px) {
    /** Bloco "SERVICOS" */
    #servicos .servicos-order-0 { padding-left: 4%; padding-right: 4%; }
    #servicos .servicos-order-1 { padding-left: 4%; padding-right: 4%; }
    #servicos h3 { font-weight: 700; margin: 10px 0 .8rem 0; font-size: 1.3rem; }
    #servicos p { font-size: 1rem; }
    #servicos ul li { font-size: 1rem; }

    /** Bloco "PUBLICAÇÃO" */
    #publicacao article h3 { font-size: 1.2rem; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 991px 
* ----------------------------------------------------------------------------
 */
@media(max-width:991px) {
    /** Bloco "SOBRE" */
    #sobre .img-sobre { padding-bottom: 2.5rem; }
    #sobre .button-div { text-align: center; }

    /** Bloco "PASSOS" */
    #passos { padding-top: 1rem; }
    #passos .passos-container { padding: 3rem 20% 3rem; border-radius: 5rem; }
    #passos .passos-container p { font-size: .88rem; margin-bottom: 1.5rem; }

    /** Bloco "SERVICOS" */
    #servicos .servicos-order-0 { padding-left: 2%; padding-right: 2%; }
    #servicos .servicos-order-1 { padding-left: 2%; padding-right: 2%; }
    #servicos .servicos-order-0 img, #servicos .servicos-order-1 img { display: none; }

    /** Bloco "PUBLICAÇÃO" */
    #publicacao article h3 { font-size: 1rem; }
    #publicacao .caption h3 { font-size: 2.4rem; margin-bottom: 2.2rem; }
    #publicacao article::before { width: 12px; height: 50px; }
    #publicacao article p { font-size: .9rem; margin: 2px 0 0 0; }

    /** Bloco "BLOG" */
    #blog article { margin-bottom: 1.25rem; }

    /** Bloco "FOOTER" */
    #footer h2 { font-size: 1.9rem; }
    #footer h3 { font-size: 1.4rem; }
    #footer h3 br { display: none; }
    #footer .btn { padding: 18px 1.5rem !important; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 767px 
* ----------------------------------------------------------------------------
 */
@media(max-width:767px) {
    /** Bloco "SOBRE" */
    #sobre { padding-top: 30rem; }
    #sobre h2 { font-size: 2rem; }

    /** Bloco "DIFERENCIA" */
    #diferencia article { min-height: auto; margin-bottom: 1.2rem; }

    /** Bloco "SERVICOS" */
    #servicos .servicos-order-0 { order: 1; }
    #servicos .image-order-1 { order: 0; }
    #servicos .image-order-0 img,  #servicos .image-order-1 img { border-radius: 0; }
    #servicos .servicos-order-0, #servicos .servicos-order-1 { padding: 1rem 25px 2.25rem 25px; }

    /** Bloco "PARCEIROS" */
    #parceiros img { max-width: 280px; }


    /** Bloco "PUBLICAÇÃO" */
    #publicacao .noticias .content { padding: 1rem 25px 2rem 25px; }
    #publicacao .noticias .img img { border-top-right-radius: 0; }

    #publicacao .artigos .content { padding: 1rem 25px 0 25px; order: 1; }
    #publicacao .artigos .img { order: 0; }
    #publicacao .artigos .img img { border-bottom-left-radius: 0; }

    /** Bloco "FOOTER" */
    #footer h2 { font-size: 1.9rem; }
    #footer h3 { font-size: 1.4rem; }
    #footer h3 br { display: none; }
    #footer .btn { padding: 18px 1.5rem !important; margin-bottom: 3rem; }
    #footer article .ligamos-container .btn { margin-bottom: 0; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 575px 
* ----------------------------------------------------------------------------
 */
@media(max-width:575px) {
    /** Bloco "SOBRE" */
    #sobre { padding-top: 32rem; }
    #sobre p { font-size: 1.2rem; }

    /** Bloco "DIFERENCIA" */
    #diferencia { padding-top: 0rem; }
    #diferencia h2 { font-size: 2rem; }

    /** Bloco "PASSOS" */
    #passos { padding-top: 0rem; }
    #passos .passos-container { padding: 3rem 15% 3rem; border-radius: 5rem; }
    #passos .passos-container p { font-size: 1.2rem; margin-bottom: 1.8rem; }

    /** Bloco "SERVICOS" */
    #servicos h2 { font-size: 2rem; }
    #servicos .btn_theme_secondary { margin-top: 0rem !important; }

    /** Bloco "DEPOIMENTOS" */
    #depoimentos h2 { font-size: 2rem; margin-bottom: 2rem; }
    #depoimentos h2 br { display: none; }

    /** Bloco "INICIAR CONTABILIDADE" */
    #iniciar-contabilidade { padding-top: 1.5rem; padding-bottom: 3rem; }
    #iniciar-contabilidade h2 { font-size: 1.6rem; font-weight: 700; }
    #iniciar-contabilidade .btn { padding: 12px 1.2rem !important; font-size: 1.1rem; }

    /** Bloco "PERGUNTAS FREQUENTES" */
    #perguntas .faq-content { padding: 2.5rem 8% 3.5rem; border-radius: 3.5rem; }
    #perguntas .faq-content h2 { font-size: 2rem; }
    #perguntas .faq-content .accordion i { padding-left: 1.2rem; }

    /** Bloco "BLOG" */
    #blog { padding: 1rem 0 2rem 0; }
    #blog article { min-height: auto; }
    #blog article h3 { font-size: 1.15rem; }
    #blog article p { font-size: .9rem; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 449px 
* ----------------------------------------------------------------------------
 */
@media(max-width:449px) {
    /** Bloco "SOBRE" */
    #sobre { padding-top: 30rem; }
    #sobre h2 { font-size: 1.6rem; }
    #sobre h2 br { display: none; }

    /** Bloco "PASSOS" */
    #passos .passos-container { padding: 3rem 10% 3rem; border-radius: 2.5rem; }
    #passos .button-abertura { top: -2rem; }
    #passos .button-abertura .btn { font-size: 1rem; }

    /** Bloco "SERVICOS" */
    #servicos { padding: 0 0 1rem 0; }
    #servicos h2 { font-size: 1.75rem; }

    /** Bloco "DEPOIMENTOS" */
    #depoimentos h2 { font-size: 1.8rem; margin-bottom: 2rem; }

    /** Bloco "PERGUNTAS FREQUENTES" */
    #perguntas .faq-content { padding: 2rem 6% 2.5rem; border-radius: 2.5rem; }
    #perguntas .faq-content .accordion p { font-size: 1rem; }
    #perguntas .faq-content .panel p { font-size: 1rem; }

    /** Bloco "PUBLICAÇÃO" */
    #publicacao .caption h3 { font-size: 2rem; }
    #publicacao .caption .btn { padding: 16px 1.5rem !important; }

    /** Bloco "FOOTER" */
    #footer h2 { font-size: 1.75rem; }
    #footer h3 { font-size: 1.2rem; }
    #footer .copyright { padding-bottom: 6rem; }
}