.banner{
    width: 100%;
    position: relative;
    align-items: center;
}
.banner picture{
    height: 100%;
}
.banner picture:after{
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #00000082;
}
.banner picture,
.banner picture img{
    width: 100%;
    height: 145px;
    object-fit: cover;
    display: flex;
}

.conteudo{
    width: 100%;
    background-color: var(--bg1);
    position: relative;
    padding: 100px 0;
}
.conteudo .container{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.conteudo .title{
    width: 100%;
}
.conteudo .texto{
    width: 100%;
}
.conteudo .texto ol{
    list-style: inside;
}
.conteudo .texto ol{
    list-style-position: inside;
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1100px){

}

/* MOBILE */
@media screen and (max-width: 1000px){
    
}

@media screen and (max-width: 800px){
    
}

@media screen and (max-width: 600px){
    
}

@media screen and (max-width: 480px){

}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}