.site-header {
background-color: #181818;
position: relative;
}
.site-main {
padding: 86px 0;
}
.titulo_principal {
color: var(--chumbo);
font-size: 2.2vw;
font-weight: 800;
letter-spacing: 0.5px;
margin-bottom: 4.42vw;
}
.bloco_cases{
margin-bottom: 50px;
}
.titulo_content {
margin: auto;
min-width: 1030px;
padding: 0 3.229vw;
width: 67.3%;
}
.conteudo_bloco {
align-items: stretch;
background-color: var(--chumbo);
display: flex;
flex-direction: row;
margin-bottom: 4.8vw;
}
.conteudo_bloco:last-child {
margin-bottom: 0vw;
}
.conteudo_img {
position: relative;
width: 40%;
}
.conteudo_textos {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 2.8vw 5.5vw;
width: 60%;
}
.titulo_case {
color: var(--azul-claro);
font-size: 1.5vw;
font-weight: 700;
margin-bottom: 1.5vw;
text-align: center;
}
.descricao_case {
color: var(--branco);
font-size: 0.85vw;
line-height: 1.4vw;
text-align: center;
}
.link_case {
-o-transition: .3s all ease-in-out;
-webkit-transition: .3s all ease-in-out;
background-color: var(--chumbo);
border: 1px solid var(--azul-claro);
color: var(--branco);
display: inline-block;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 25px;
padding: 14px 49px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.link_case:hover {
background-color: var(--azul-claro);
color: var(--branco);
}
.fundo_img {
height: 100%;
object-fit: cover;
position: relative;
width: 100%;
}
.fundo_azul {
background-color: var(--chumbo);
height: 100%;
opacity: 0.5;
position: absolute;
top: 0;
transition: .2s ease all;
width: 100%;
}
.conteudo_bloco:hover .fundo_azul {
background-color: var(--azul-zixbe);
opacity: 0.8;
}
.logotipo_case {
-webkit-filter: grayscale(1) brightness(10);
filter: grayscale(1) brightness(10);
width: 14.47vw;
position: absolute;
top: 50%;
left: 50%; 
-webkit-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);
}