:root{
    --azul:rgb(31, 49, 105);
    --vermelho: rgb(209, 45, 53);
}
.bg-azul { background-color: var(--azul);}
.bg-vermelho{background-color: var(--vermelho);}
.text-azul{color: var(--azul) !important;}
.text-vermelho{color: var(--vermelho) !important;}

html{
    scroll-behavior: smooth;
}

header{
background-image: url('../img/bg-home.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: ;
}

body, p, h1{
    color: #fff;
}

#contato{
    background-image: url('../img/bg-contato.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: ;

}

#balcaodepecas{
    background-image: url('../img/bg-balcao.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

#ofertas{

    background-image: url('../img/bg-produtos.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: ;
}

#servicos{

    background-image: url('../img/bg-servicos.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px ;

}

#ofertas{
background:  url('../img/bg-ofertas.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: ;


}

#ofertas-form{

background:  linear-gradient(#00000080 , #00000080) ,url('../img/bg-ofertas-form.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: ;
    
}
    
footer{
    background-image: url('../img/bg-footer.png') , linear-gradient(var(--azul) ,var(--azul));
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.kaka{

    min-height: 500px;
    height: 60vh !important;


}


.card-produtos{

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
}

h1,h2,h3,h4,h5,h6,p,span{
    font-family: "Overpass" !important;
    font-weight: 700;
}


button.btn.btn-warning.bg-bege.text-uppercase.grafie {
    background: #d22d35;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Overpass";
    text-align: center;
    font-weight: 500 !important;

    border:  none !important;
    border-radius: 0;
    padding: 5px 50px;

}

input, textarea, select{
    border-radius: 0 !important;
}

@media (max-width: 800px){

    .container.d-flex.justify-content-end.align-items-center {

        background-color: #0e224a;
    }


    #balcaodepecas{
        background-position: 25%;
    }

}

a.btn.btn-danger.text-uppercase.mt-4 {
    background: #ffae00;
    border: none !important;
    border-radius: 0px;
    letter-spacing: 0.1rem;

    color: #000;

    font-weight: 500;
}