.despreMinePage {
    flex-wrap: wrap;
    margin-bot
}
.despreMine {
    position: relative;
    /* height: 100%; */
}
.despreMine h2 
{
    position: absolute;
    z-index: 99;
    margin: 40% 0;
}

.despreMineImgWrapper 
{
    position: relative;
    width: 40%;
    padding-top: 60%;
    margin: 30vh auto 10vh;
}

.despreMineImgWrapper img
{
    width: 100%;
}

.despreValori {
    padding-right: 4vw;
}

.despreValori {
    display: flex;
    justify-content: space-between;
    margin: 0 -5vw;
    width: 100%;
}
.despreValori > div {
    flex: 0 1 calc( 100% / 3 );
    margin: 0 5vw;
}


@media only screen and (max-width: 1026px) {
    .despreMine {
        flex-direction: column;
    }

    .despreMineImgWrapper {
        margin: 10vh 5vw 10vh auto;
        width: 70%;
        padding-top: 100%;
    }

    
    .despreValori {
        display: flex;
        overflow: auto;
        margin: 0 0 0 -9vw;
        padding-left: 9vw;
        width: auto;
    }

    .despreValori > div {
        margin: 0 5vw;
        flex: 0 1 calc( 100% / 3 - 5vw );
    }

    .despreValori > div:first-child {
        margin-left: 0;
    }

    .despreValori > div:last-child {
        padding: 0 5vw;
    }

}