#bieninformes{
    margin-top: var(--section-height);
    margin-bottom: var(--section-height);
}


#bieninformes .relative{
min-height: 450px;
display: flex;
justify-content: flex-end;
align-items: center;
}

#bieninformes .les_plus > div{	
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    margin: 50px 0;	
    color:  #FFF;
    padding: 30px 40px;
    align-items: initial;
    position: relative;
}

#bieninformes .les_plus{
    width: 40%;      
    margin-right: -17.5%;	
}

#bieninformes .les_plus ul{
    padding: 20px;
    list-style-position:  outside;
}
#bieninformes .les_plus ul li{
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#bieninformes .les_plus ul li:last-child{
    margin-bottom: 0
}

#bieninformes .les_plus .abs-top-left{
    left: -30px;
    background-color: var(--color-p);
    padding: 5px 15px;	
    font-size: 1.2em;
}

#bieninformes .les_plus h2,#bieninformes .les_plus h3,#bieninformes .les_plus h4,#bieninformes .les_plus h5,#bieninformes .les_plus h6{
    color: #FFF;
    font-size: 2em;
    border: none;
    text-align: initial;
}


@media (max-width: 1024px) {
    #bieninformes .les_plus {
        width: 60%;        
    }
}
  @media (max-width: 768px) {
    #bieninformes .text h2 {
        width: 90%;
        margin-right: 0;
    }
    #bieninformes .text .wrap {
        width: 90%;
        margin-right: 0;        
    }
    #bieninformes .les_plus {
        width: 80%;
        margin-right: 0;
    } 
}


@media (max-width: 480px) {
    #bieninformes .text h2 {
        width: 90%;
        margin-right: 0;
    }
    #bieninformes .text .wrap {
        width: 90%;
        margin-right: 0;        
    }
    #bieninformes .les_plus {
        width: 90%;
        margin-right: 0;
    }    
}