/*############### TOPO ###############*/

    @media (max-width: 1024px) {

        .sessao-abrir-empresa h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 2.85em;
            margin: 0 auto;
            letter-spacing: -3px;
            width: 65%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 42px;
        }

        .utilitarioscontabeis {
            padding: 0% 4% 5% 4%;
        }

        .sessao-artigos {
            padding: 4% 5% 4% 5%;
            -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
            clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
            background: #fff;
        }

        #footer-session .footer-social li a {
            display: inline-block;
            border-radius: 0px;
            background-color: #fff;
            text-align: center;
            width: 50px;
            height: 50px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        .col-depoimento {
            padding: 5% 0% 32% 0%;
        }

        .sessao-abrir-empresa h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 2.85em;
            color: #1a2831;
            margin: 0 auto;
            letter-spacing: -2px;
            padding-bottom: 4%;
            padding-top: 4%;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 44px;
            font-weight: bold;
        }

        .sessao-conhecer p {
            font-size: 16px;
            width: 97%;
            clear: both;
            margin: 0 auto;
            line-height: 18px;
            color: #ffffff;
            height: 265px;
        }

    }

    @media (max-width: 768px) {

        .utilitarios {
            width: 49%;
            min-height: 320px;
        }

        .utilitarios h3 {
            font-size: 1.65em;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 26px;
            font-family: 'Raleway', sans-serif;
            color: #ffffff;
            letter-spacing: 0px;
        }

        .sessao-abrir-empresa .box-empresa2 a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 1.5em;
            padding: 30px 23px;
            line-height: 26px;
            white-space: pre-line;
        }

        .sessao-abrir-empresa .box-empresa a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 1.5em;
            padding: 29px 15px;
            line-height: 26px;
            white-space: pre-line;
        }

        .sessao-abrir-empresa p {
            font-size: 1.35em;
            font-family: 'Raleway', sans-serif;
            padding: 2% 0% 7% 0%;
            color: #ffffff;
            width: 95%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 27px;
        }

        .botoes-empresa {
            padding: 2% 4% 16% 4%;
            /*
            -webkit-clip-path: polygon(50% 0, 100% 16%, 100% 70%, 50% 100%, 0% 70%, 0% 16%);
            clip-path: polygon(50% 0, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 10%);
            */
            background: #fff;
        }

        .sessao-conhecer h2 {
            font-size: 2.65em;
            width: 86%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 23px;
            padding: 0% 0% 11% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -2px;
        }

        .sessao-conhecer h3 {
            font-size: 2.4em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 36px;
            padding: 2% 0% 2% 0%;
            font-family: 'Raleway', sans-serif;
        }

        .sessao-conhecer p {
            font-size: 1.45em;
            width: 65%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 23px;
            padding: 0% 0% 7% 0%;
            color: #ffffff;
        }


        .utilitarioscontabeis h2 {
            font-size: 1.9em;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 37px;
            padding: 0% 0% 6% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
            color: #ffffff;
        }

        .utilitarios p {
            font-size: 1.3em;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 20px;
            padding: 0% 0% 0% 0%;
            font-family: Calibri;
            color: #ffffff;
            letter-spacing: 0px;
        }

        .col-depoimento h2 {
            font-size: 1.9em;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 48px;
            padding: 0% 0% 3% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
            color: #ffffff;
        }

        .col-depoimento {
            padding: 0% 8% 0% 8%;
        }

        .sessao-artigos {
            padding: 15% 0% 17% 1%;
            -webkit-clip-path: polygon(50% 0, 100% 16%, 100% 70%, 50% 100%, 0% 70%, 0% 16%);
            clip-path: polygon(50% 0, 100% 4%, 100% 96%, 50% 100%, 0% 96%, 0% 4%);
            background: #fff;
        }

        .sessao-artigos .box-artigo img {
            display: none;
        }

        .dados-contato {
            text-align: center;
            margin: 0 auto;
        }

        .header-topo .header-menu-lateral a i {
            color: #1a2831 !important;
            font-size: 3rem;
        }

        .footer-social {
            margin: 0 auto;
            text-align: center;
        }

        #footer-session h2 {
            display: block;
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 1.85em;
            /* margin-bottom: 40px; */
            letter-spacing: -1px;
        }

    }

    @media (max-width: 600px) {

        .utilitarios {
            width: 100% !important;
            min-height: auto;
            margin-bottom: 4%;
        }

        .header-topo .header-logo img {
            width: 210px;
        }

        .header-topo .header-menu-lateral a {
            display: inline-block;
            margin-top: 25px;
        }

        .img img{
            width: 65%;
            float: left;
        }

        #layerslider h2 {
            font-size: 2em !important;
            left: 20% !important;
        }

        .sessao-abrir-empresa p {
            font-size: 1.25em;
            font-family: Calibri;
            padding: 2% 0% 7% 0%;
            color: #ffffff;
            width: 100%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 24px;
        }

        .botoes-empresa {
            padding: 6% 0% 6% 0%;
            -webkit-clip-path: none;
            clip-path: none;
            background: #fff;
        }

        .sessao-abrir-empresa h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 2.1em;
            margin: 0 auto;
            letter-spacing: -1px;
            padding-bottom: 6%;
            padding-top: 3%;
            width: 83%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 33px;
        }

        .sessao-abrir-empresa .box-empresa {
            margin-bottom: 50px;
            width: 100%;
        }

        .sessao-abrir-empresa .box-empresa2 {
            margin-bottom: 50px;
            margin-top: 0px;
            width: 100%;
        }

        .sessao-abrir-empresa .box-empresa a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 2.1em;
            padding: 29px 63px;
            line-height: 34px;
            white-space: pre-line;
        }

        .sessao-abrir-empresa .box-empresa2 a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 2.1em;
            padding: 30px 63px;
            line-height: 34px;
            white-space: pre-line;
        }

        .botoes-empresa h3 {
            font-size: 2.15em !important;
            color: #245988 !important;
            padding: 6% 0% 7% 0% !important;
            font-family: 'Raleway', sans-serif;
            width: 80%;
            clear: both;
            margin: 0 auto;
            text-align: center;
        }

        .botoes-empresa p {
            font-size: 1.55em !important;
            color: #245988 !important;
            padding: 0% 0% 0% 0% !important;
            width: 80% !important;
            clear: both !important;
            margin: 0 auto !important;
            text-align: center !important;
            font-family: 'Raleway', sans-serif !important;
            font-weight: bold !important;
            line-height: 36px !important;
        }

        .utilitarioscontabeis {
            padding: 0% 0% 0% 0%;
        }

        .utilitarios h3 {
            font-size: 1.6em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 26px;
            font-family: 'Raleway', sans-serif;
            color: #ffffff;
            letter-spacing: 0px;
        }

        .utilitarios {
            margin-bottom: 2px;
            margin-right: 0px;
            padding: 5% 0% 5% 0%;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            width: 48%;
        }

        .sessao-artigos {
            padding: 15% 0% 17% 1%;
            -webkit-clip-path: none;
            clip-path: none;
            background: #fff;
        }

    }

    @media (max-width: 450px) {

        .bt-servicos h4 {
            color: #FFF;
            width: 90%;
            padding: 5%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            margin-top: 2%;
            font-size: 1.5em;
            font-family: 'Raleway', sans-serif;
            transition: 1s;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            background: #d08136;
            /* font-weight: bold; */
            border-radius: 15px;
        }

        #layerslider h3 {
            font-size: 17px!important;
            letter-spacing: 0px!important;
            top: 62%!important;
            left: 17%!important;
        }

        #layerslider h2 {
            font-size: 24px!important;
            letter-spacing: 0px!important;
            top: 50%!important;
            left: 17%!important;
        }

        .header-topo .header-menu-lateral {
            z-index: 101;
            right: -15px;
            top: 6px;
            position: absolute;
            width: 130px;
            height: 100px;
            display: inline-block;
        }

        .header-topo-pagina .header-menu-lateral {
            right: -10px;
        }


        .sessao-abrir-empresa h1 {
            font-size: 1.8em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
            color: #ffffff;
        }

        .utilitarios {
            margin-bottom: 0px;
            margin-right: 0px;
            padding: 3% 0% 3% 0%;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            width: 100%;
        }

        .utilitarios h3 {
            font-size: 1.55em;
            width: 70%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 26px;
            padding: 1%;
            font-family: 'Raleway', sans-serif;
            color: #ffffff;
            letter-spacing: 0px;
            /* font-weight: bold; */
            margin-bottom: 10px;
        }

        .sessao-conhecer h3 {
            font-size: 2em;
            width: 100%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 30px;
            padding: 6% 0% 6% 0%;
            font-family: 'Raleway', sans-serif;
        }

        .sessao-conhecer p {
            font-size: 17px;
            width: 100%;
            clear: both;
            margin: 0 auto;
            text-align: left;
            line-height: 24px;
            padding: 0% 0% 12% 0%;
            color: #ffffff;
            height: auto;
        }

        .utilitarioscontabeis h2 {
            font-size: 1.8em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 32px;
            padding: 0% 0% 6% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
            color: #ffffff;
        }

        .col-depoimento {
            padding: 10% 0% 10% 0%;
            height: 306px;
        }

        .col-depoimento h2 {
            font-size: 1.8em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 48px;
            padding: 0% 0% 3% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
            color: #ffffff;
        }

        

        .sessao-abrir-empresa .box-empresa a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 1.65em;
            padding: 29px 20px;
            line-height: 28px;
            white-space: pre-line;
        }

        .botoes {
            padding: 13% 3% 13% 3%;
        }

        .sessao-abrir-empresa .box-empresa2 a {
            display: block;
            font-family: 'Raleway', sans-serif;
            color: #FFF;
            font-size: 1.65em;
            padding: 48px 4px;
            line-height: 29px;
            white-space: pre-line;
        }

        .botoes-empresa h3 {
            font-size: 1.6em !important;
            color: #245988 !important;
            padding: 6% 0% 8% 0% !important;
            font-family: 'Raleway', sans-serif;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
        }

        .botoes-empresa p {
            font-size: 1.25em !important;
            color: #245988 !important;
            padding: 0% 0% 0% 0% !important;
            width: 100% !important;
            clear: both !important;
            margin: 0 auto !important;
            text-align: center !important;
            font-family: 'Raleway', sans-serif !important;
            font-weight: bold !important;
            line-height: 24px !important;
        }

        .sessao-conhecer h2 {
            font-size: 2.5em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 23px;
            padding: 11% 0% 11% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
        }

        .header-newsletter input {
            border: 1px solid #ffffff;
            min-width: auto;
            padding: 6%;
            color: #555353;
            font-size: 12px;
            width: 100%;
            font-size: 0.85em;
            display: block;
            margin-bottom: 10px;
            text-align: center;
        }

        .header-newsletter {
            padding: 0px;
            border-radius: 30px;
            font-family: Calibri;
        }

        .row-utilitario img {
            width: 100px;
            background: #fff;
            padding: 13px;
            border-radius: 20px;
            border: 5px solid #d08136;
        }
        .footer-copy span {
            display: inline-block;
            padding-top: 25px;
            font-size: 11px!important;
            color: #fff;
            font-weight: bold;
            width: 100%;
        }


    }


    @media (max-width: 375px) {

        .header-topo-pagina .header-menu-lateral {
            right: -40px;
            top: -20px;
        }        

        .sessao-abrir-empresa h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 1.8em;
            margin: 0 auto;
            letter-spacing: -1px;
            padding-bottom: 6%;
            padding-top: 3%;
            width: 80%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 27px;
        }
        .sessao-conhecer h2 {
            font-size: 2.1em;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 23px;
            padding: 11% 0% 11% 0%;
            font-family: 'Merriweather Sans', sans-serif;
            letter-spacing: -1px;
        }
        .sessao-conhecer h3 {
            font-size: 1.75em;
            width: 100%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 30px;
            padding: 6% 0% 6% 0%;
            font-family: 'Raleway', sans-serif;
        }
        .sessao-artigos h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 1.85em;
            color: #1a2831;
            margin: 0 auto;
            letter-spacing: -2px;
            padding-bottom: 5%;
            padding-top: 0%;
            width: 90%;
            clear: both;
            margin: 0 auto;
            text-align: center;
            line-height: 50px;
        }
        .sessao-noticia h2 {
            font-family: 'Merriweather Sans', sans-serif;
            font-size: 1.85em;
            color: #1a2831;
            margin: 0 auto;
            letter-spacing: -2px;
            padding-bottom: 7%;
            padding-top: 6%;
            clear: both;
            margin: 0 auto;
            text-align: center;
        }
        .sessao-noticia p {
            color: #1a2831;
            font-size: 1.2em;
            margin: 3px 0 14px 0;
            font-family: 'Raleway', sans-serif;
            font-weight: bold;
        }

    }

    @media (max-width: 320px) {

    .header-topo .header-logo img {
        width: 164px;
    }
    .header-topo .header-menu-lateral {
        z-index: 101;
        right: -15px;
        top: 0px;
        position: absolute;
        width: 123px;
        height: 90px;
        display: inline-block;
    }
    #layerslider h2 {
        font-size: 19px!important;
        letter-spacing: 0px!important;
        top: 50%!important;
        left: 17%!important;
    }
    #layerslider h3 {
        font-size: 13px!important;
        letter-spacing: 0px!important;
        top: 62%!important;
        left: 17%!important;
    }
    .sessao-abrir-empresa h1 {
        font-size: 1.45em;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-family: 'Merriweather Sans', sans-serif;
        letter-spacing: -1px;
        color: #ffffff;
    }
    .sessao-abrir-empresa p {
        font-size: 14px;
        font-family: Calibri;
        padding: 2% 0% 7% 0%;
        color: #ffffff;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 19px;
    }
    .sessao-abrir-empresa h2 {
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 1.45em;
        margin: 0 auto;
        letter-spacing: -1px;
        padding-bottom: 6%;
        padding-top: 3%;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 22px;
    }
    .sessao-abrir-empresa .box-empresa a {
        display: block;
        font-family: 'Raleway', sans-serif;
        color: #FFF;
        font-size: 1.45em;
        padding: 10px 20px;
        line-height: 28px;
        white-space: pre-line;
    }
    .sessao-abrir-empresa .box-empresa2 a {
        display: block;
        font-family: 'Raleway', sans-serif;
        color: #FFF;
        font-size: 1.4em;
        padding: 10px 4px;
        line-height: 29px;
        white-space: pre-line;
    }
    .sessao-conhecer h2 {
        font-size: 1.85em;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 23px;
        padding: 11% 0% 11% 0%;
        font-family: 'Merriweather Sans', sans-serif;
        letter-spacing: -1px;
    }
    .utilitarioscontabeis h2 {
        font-size: 1.45em;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 27px;
        padding: 0% 0% 6% 0%;
        font-family: 'Merriweather Sans', sans-serif;
        letter-spacing: -1px;
        color: #ffffff;
    }
    .utilitarios img {
        background-color: #FFF;
        padding: 10px;
        width: 80px;
        border-radius: 20px;
        margin-bottom: 10px;
        border: 5px solid #d08136;
    }
    .utilitarios h3 {
        font-size: 1.4em;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 26px;
        padding: 1%;
        font-family: 'Raleway', sans-serif;
        color: #ffffff;
        letter-spacing: 0px;
        /* font-weight: bold; */
        margin-bottom: 10px;
    }
    .col-depoimento h2 {
        font-size: 1.45em;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 48px;
        padding: 0% 0% 3% 0%;
        font-family: 'Merriweather Sans', sans-serif;
        letter-spacing: -1px;
        color: #ffffff;
    }
    #footer-session p {
        font-family: Calibri;
        font-size: 1.25em;
        margin: 0px;
        color: #fff;
    }

}