/** * ---------------------------------------------------------------------------- * 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 "SOBRE" */ #sobre h2 br { display: none; } /** Bloco "DIFERENCIA (PASSOS)" */ #diferencia article h3 { font-size: 1.1rem; letter-spacing: 1px; } /** 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; } /** Bloco "FOOTER" */ #footer h2 { font-size: 2rem; } #footer h3 { font-size: 1.2rem; } } /** * ---------------------------------------------------------------------------- * Media Queries para dispostivos até 992px * ---------------------------------------------------------------------------- */ @media (max-width: 991.98px) { #planos .planos-container > .col-12:nth-of-type(2) .card-header { margin: 0; } } /** * ---------------------------------------------------------------------------- * Media Queries para dispostivos até 991px * ---------------------------------------------------------------------------- */ @media(max-width:991px) { /** Bloco "SOBRE" */ #sobre .button-div { text-align: center; } #sobre h2 { margin-top: 1.75rem; font-size: 2.2rem; } /** Bloco "DIFERENCIA (PASSOS)" */ #diferencia article { margin-bottom: 1.2rem; min-height: 260px; } /** 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 "PLANOS" */ #planos .planos-container div { margin-bottom: 1rem; } #planos .planos-container div:nth-of-type(2) .card { border: 3px solid var(--bg-content); transform: scale(1); } #planos .card ul { width: 90%; } #planos .planos-container div:nth-of-type(3) ul { width: 70%; } /** 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: 22rem; } #sobre h2 { font-size: 2rem; } /** Bloco "DIFERENCIA" */ #diferencia article { min-height: auto; margin-bottom: 1.2rem; } /** Bloco "PLANOS" */ #planos .planos-container div:nth-of-type(3) ul { width: 90%; } /** Bloco "SERVICOS" */ #servicos h2 { font-size: 2.2rem; } #servicos .servicos-order-0 { order: 1; } #servicos .image-order-1 { order: 0; } #servicos .servicos-order-0, #servicos .servicos-order-1 { padding: 1rem 25px 1.5rem 25px; } /** Bloco "PARCEIROS" */ #parceiros img { max-width: 280px; } /** Bloco "PUBLICAÇÃO" */ #publicacao .artigos .content { padding: 1rem 25px 0 25px; order: 1; } #publicacao .artigos .img { order: 0; } /** Bloco "FOOTER" */ #footer h2 { font-size: 1.9rem; } #footer h3 { font-size: 1.4rem; } #footer h3 br { display: none; } #footer .btn { padding: 18px 1rem !important; } } /** * ---------------------------------------------------------------------------- * Media Queries para dispostivos até 575px * ---------------------------------------------------------------------------- */ @media(max-width:575px) { /** Bloco "SOBRE" */ #sobre { padding-top: 24rem; } #sobre p { font-size: 1.2rem; } #sobre .image-sobre img { border-radius: 2rem; } #sobre .image-sobre::before { border-radius: 2rem; left: -10px; top: -10px; } /** Bloco "DIFERENCIA" */ #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 "PLANOS" */ #planos { padding-top: 3rem; padding-bottom: 3rem; } /** Bloco "SERVICOS" */ #servicos h2 { font-size: 2rem; } #servicos .btn_theme_secondary { margin-top: -3rem !important; } #servicos .image-order-1 img { width: 96%; margin: 0 2%; border-radius: 2rem; } #servicos .image-order-1::before { width: 96%; margin: 0 2%; height: 100%; border-radius: 2rem; right: -12px; top: -12px; } #servicos .image-order-0 img { width: 96%; margin: 0 2%; border-radius: 2rem; } #servicos .image-order-0::before { width: 96%; margin: 0 2%; height: 100%; border-radius: 2rem; left: -12px; top: -12px; } /** Bloco "DEPOIMENTOS" */ #depoimentos h2 { font-size: 2rem; margin-bottom: 2rem; } #depoimentos h2 br { display: none; } /** Bloco "INICIAR CONTABILIDADE" */ #iniciar-contabilidade { padding-top: 4rem; padding-bottom: 4rem; } #iniciar-contabilidade h2 { font-size: 1.6rem; margin-bottom: 1.2rem; 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 "PUBLICAÇÃO" */ #publicacao .artigos .img img { width: 96%; margin: 0 2%; border-radius: 2rem; } #publicacao .artigos .img::before { width: 96%; margin: 0 2%; border-radius: 2rem; right: -12px; top: -12px; } /** Bloco "SOCIAL" */ #social h2 { font-size: 1.5rem; } } /** * ---------------------------------------------------------------------------- * Media Queries para dispostivos até 449px * ---------------------------------------------------------------------------- */ @media(max-width:449px) { /** Bloco "SOBRE" */ #sobre { padding-top: 23rem; } #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 "PLANOS" */ #planos h2 { font-size: 2.2rem; } #planos .card ul { width: 98% !important; padding-left: 15px; } /** 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: 1.7rem; } #publicacao .caption h3 br { display: none; } #publicacao .caption .btn { padding: 16px 1.5rem !important; } /** Bloco "FOOTER" */ #footer h2 { font-size: 1.45rem; } #footer h3 { font-size: 1.1rem; } #footer article { padding: 1.2rem 1.15rem; } #footer .copyright { padding-bottom: 4rem; } }