/* --------------------------------------------------------------------------------------------------------------

Small devices (landscape phones, 576px and up)

-------------------------------------------------------------------------------------------------------------- */



@media (max-width: 575.98px) {

    

    .logo{

        position: relative;

        width:160px;

        margin-left:-60px;

    }

    

    .navbar{

        border-bottom:1px solid #d3d3d3;

    }

    

    .header-content-inner a {

       text-shadow: 0px 0px 35px #000;

       width:120px;

       padding:1% 2%;

        

    }

    

    .header-content-inner a i {

        font-size: 15px;

        margin-left: 5px;

    }



    /* DICAS BOX ************************************************ */

    .dicas-box > div > a {

        padding: 8%;

    }



    .segmentos {

        width:100%;

    }



    .segmento-box {

        width:80% !important;

        display: block;

        margin:0 auto;

        margin-top:0;

    }



    .segmento-box img {

        width:30%;

        margin-top:15px;

    }



    .btn-conheca {

        margin-left:0px; !important;

    }

    

    .mapa-box-2 {display: none;}

    #mapa-sigla{display: none;}

    #mapa-box {width:80%; margin:0 auto; height: auto; background: #fff; float:none; position: inherit; padding:20px;}

    #box-cidade {display: block;}



    #mapa-geral{

        width:100%;

        height: auto;

        margin-top:30px;

    }



    .bahia {

        height: auto;

        position: relative;

        padding-bottom: 55px;

        }



    .fx-white {

        width:102%;

        height: 100%;

        background:rgba(255, 255, 255, 0.9);

        left: 0 !important;

    }

    

    .article iframe {

        height: auto;

    }

    

    .banner-container{

        background-position: 70% 0px;

        background-repeat: no-repeat;

    }

    

    .header-content-inner{

        display: block;

        position: relative;

        top:150px;

    }

    

    .navbar-toggler{

        margin-top:12px;

        margin-right: 25px;

    }

    

    .seguranca {

    background: rgba(20, 20, 20, 0.8) !important;

    }



    .facilities {

        background: rgba(48, 130, 196, 0.8) !important;

    }



    .logistica {

        background: rgba(251, 160, 38, 0.8) !important;

    }



    .engenharia {

        background: rgba(97, 190, 110, 0.8) !important;

    }

    

    #sp-box, #sp-box2, #sp-box3, #sp-box4, #sp-box5, #sp-box6, #sp-box7, #sp-box8, #pr-box5, #pr-box6 {display: block; margin-bottom:10px; cursor: auto; }

    

    .box-sp i, .box-pr i {display: none;}



}



/* --------------------------------------------------------------------------------------------------------------

Medium devices (tablets, 768px and up)

-------------------------------------------------------------------------------------------------------------- */



@media (min-width: 576px) and (max-width: 767.98px) {



   .mapa-box-2 {display: none;}

    #mapa-sigla{display: none;}

    #mapa-box {width:80%; margin:0 auto; height: auto; background: #fff; float:none; position: inherit; padding:20px;}

    #box-cidade {display: block;}



    #mapa-geral{

        width:100%;

        height: auto;

        margin-top:30px;

    }



    .bahia {

        height: auto;

        position: relative;

        padding-bottom: 55px;

        }



    .fx-white {

        width:102%;

        height: 100%;

        background:rgba(255, 255, 255, 0.9);

        left: 0 !important;

    }

    

    .navbar-toggler{

        margin-top:12px;

        margin-right: 25px;

}