@media (max-width: 550px){
    h2.subtitleHero {
        width: 74vw;
    }
    h3.titleCard {
        width: 54vw;
    }
    p.textCard {
        width: 62vw;
    }
    p.textPartner {
        width: 74vw;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    p.textObiettivo {
        width: 71vw;
    }
    img.pic {
        width: 30vw;
        height: 30vw;
        bottom: -17vw;
    }
    h3.titleCard {
        width: 40vw;
    }
    p.textCard {
        width: 47vw;
    }
    p.textPartner {
        width: 72vw;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    h2.subtitleHero {
        width: 58vw;
    }
    p.textHero {
        width: 65vw;
    }
    h3.titleCard {
        width: 30vw;
    }
    .card:first-child .textCard {
        width: 28vw;
    }
    .card:nth-child(2) .textCard{
        width: 24vw;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    h2.subtitleHero {
        width: 48vw;
    }
    p.textHero {
        width: 55vw;
    }
    p.textCosa {
        width: 54vw;
    }
    p.textObiettivo {
        width: 81vw;
    }
    h3.titleCard{
        width: 23vw;
    }
    .card:nth-child(2) .textCard, .card:nth-child(3) .textCard {
        width: 21vw;
    }
    p.textPartner {
        width: 39vw;
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    h2.subtitleHero {
        width: 39vw;
    }
    p.textHero {
        width: 45vw;
    }
    h3.titleCard {
        width: 20vw;
    }
    .card:first-child .textCard {
        width: 17vw;
    }
    .card:nth-child(2) .textCard, .card:nth-child(3) .textCard {
        width: 15vw;
    }
}
@media (min-width: 1401px){
    h2.subtitleHero {
        width: 32vw;
    }
    p.textHero{
        width: 36vw;
    }
    p.textObiettivo {
        width: 64vw;
    }
    h3.titleCard{
        width: 17vw;
    }
    .card:nth-child(2) .textCard {
        width: 13vw;
    }
}