#sobre-pere > h1{
    text-transform: none;
    color: var(--acento);
    font-size: 3vh;
}

#sobre-pere .desc_cont{
    display: flex;
    flex-direction: row;
    padding: 1vw;
    gap: 2vw;
}

#sobre-pere .desc_img{
    width: 30%;
}

#sobre-pere .desc_txt{
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 1.6vw;
}

#sobre-pere > a{
    color: var(--acento);
    
}

@media (max-width: 768px) {

    #sobre-pere .desc_cont{
        flex-direction: column;
        padding: 0px;
        gap: 2vw;
    }
    
    #sobre-pere .desc_img{
        width: 100%;
    }

    #sobre-pere .desc_txt{
        width: 100%;
    }
}