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

- SOBRE NÓS

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

.z-backgroud01{
    background:url('gfx/fundo-empresa.jpg') no-repeat center / cover !important;
    background-color: transparent !important;
}
.top-bg{
    background:url('gfx/fundo-empresa-top.jpg') !important;
    width: 100% !important;
    height: 220px;
    z-index: 0;
}
#top-logo{
    margin-top: 120px !important;
    z-index: 1;
}

.infos-acero{
    margin-top: 30px;
}
.sobre-acero{
    text-align: justify !important;
    font-size: 16px;
    font-weight: 400;
    color: black !important
}

/* Mobile */
@media screen and (max-width: 500px)
{
    #logo-sobre{
        margin-top: -20px !important;
    }
    .top-bg{
        margin-top: 0px;
        background:url('gfx/fundo-empresa-top.jpg') !important;
        width: 100% !important;
        height: 180px;
        z-index: 0;
    }
}

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

- LOJAS

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

.z-backgroud02{
    background:url('gfx/fundo-lojas.jpg') no-repeat center / cover !important;
    background-color: transparent !important;
}
.lojas-content{
    margin-top: -100px;
}
.box-lojas{
    width: 680px;
    height: 400px;
    background-color: white !important;
}

#logo-lojas{
    margin-left: -290px;
    margin-top: 70px;
    text-align: left !important;
}

.info-lojas{
    margin-top: -260px;
    margin-left: 370px;
}

.sobre-lojas{
    width: 240px;
    text-align: justify !important;
    font-size: 16px;
    font-weight: 400;
    color: black !important
}

.btn-site{
    text-align: left;
    margin-left: 45px;
}

/* Mobile */
@media screen and (max-width: 500px)
{
    .box-lojas{
        width: 270px;
        height: 400px;
        margin-top: -20px;
        background-color: white !important;
    }
    #logo-lojas{
        margin-left: 0px;
        width: 60%;
        margin-top: 10px;
        text-align: left !important;
    }
    .info-lojas{
        margin-top: 10px;
        margin-left: 15px;
        z-index: 2;
    }
    .btn-site{
        margin-top: -50px;
        text-align: left;
        margin-left: 50px;
    }
    .comprar{
        margin-top: 90px;
    }
    .contato-title{
        display: none;
    }
}