@media (max-width: 550px){
    h2.subtitleHero {
        width: 69vw;
    }
    p.textHero {
        width: 75vw;
    }
    p.textCosa {
        width: 71vw;
    }
    .card:first-child .textCard{
        width: 57vw;
    }
    .card:nth-child(2) .textCard{
        width: 57vw;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    h2.subtitleHero {
        width: 60vw;
    }
    p.textHero {
        width: 64vw;
    }
    p.textCosa {
        width: 52vw;
    }
    img.pic {
        top: 33vw;
    }
    p.textCard {
        width: 32vw;
    }
    p.textPartner {
        width: 55vw;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    h2.subtitleHero {
        width: 50vw;
    }
    p.textHero {
        width: 54vw;
    }
    p.textCosa {
        width: 45vw;
    }
    p.textObiettivo {
        width: 79vw;
    }
    img.pic {
        top: 22vw;
    }
    .card:first-child .textCard, .card:nth-child(3) .textCard {
        width: 22vw;
    }
    p.textPartner {
        width: 33vw;
    }
}
@media (min-width: 1100px){
    img.pic {
        top: 9vw;
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    h2.subtitleHero {
        width: 40vw;
    }
    p.textHero {
        width: 44vw;
    }
    .card:first-child .textCard {
        width: 17vw;
    }
    .card:nth-child(2) .textCard {
        width: 18vw;
    }
}
@media (min-width: 1401px){
    h2.subtitleHero {
        width: 32vw;
    }
    p.textHero{
        width: 35vw;
    }
    p.textCosa{
        width: 29vw;
    }
    p.textObiettivo {
        width: 76vw;
    }
    .card:first-child .textCard, .card:nth-child(2) .textCard {
        width: 16vw;
    }
    .card:nth-child(3) .textCard {
        width: 13vw;
    }
    p.textPartner {
        width: 35vw;
    }
}