.floatContainer {
        padding: 10px;
    }

    .floatContainer .post-it {
        color: #FFF;
        box-sizing: border-box;
    }

.post-it {
    width: 300px;
    height: 145px;
    margin: 0px 0.6rem 1.8rem 0.6rem;
    padding: 0.6rem;
    float: left;
    display: grid;
    row-gap:3px;
    column-gap:15px;
    color: #FFF;
    font-family: Inaz-Aree;
}

.post-it.informativo{
    grid-template-areas: 'head head head' 'icon main main' 'foot foot foot';
}

    .post-it.funzione {
        grid-template-areas: '. . .' 'icon main main' '. . launch';
        grid-template-rows: auto max-content max-content;
        row-gap: 0;
        padding:0.3rem;
    }

.pi-titolo {
    grid-area: head;
    font-size: clamp(1.5rem, 1.9rem, 1.7rem);
    line-height: 35px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.pi-mainIcon {
    grid-area: icon;
    min-height: 64px;
    margin:auto 0 auto 15px;
}

.pi-main {
    grid-area:main;
    font-size: 28px;
    line-height: 28px;
    margin-right:15px;
}

.pi-main-font-smaller {
    font-size: 1rem;
    line-height: 2.5rem;
}

.post-it.funzione > .pi-main{
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.post-it.funzione > .pi-main.pi-main-font-smaller {
    font-size: 1.5rem;
    line-height: 1.5rem;
}


.pi-foot {
    grid-area: foot;
    font-size: 12px;
    line-height: 30px;
    font-family: Inaz-Aree, sans-serif;
}

.pi-launchIcon{
    grid-area: launch;
}

.pi-1x2, .pi-2x2, .pi-3x2, .pi-4x2, .pi-5x2 {
    height: calc(calc(145px * 2) + 20px);
}

.pi-1x3, .pi-2x3, .pi-3x3, .pi-4x3, .pi-5x3 {
    height: calc(calc(145px * 3) + calc(20px * 2));
}

.pi-1x4, .pi-2x4, .pi-3x4, .pi-4x4, .pi-5x4 {
    height: calc(calc(145px * 4) + calc(20px * 3));
}

.pi-1x5, .pi-2x5, .pi-3x5, .pi-4x5, .pi-5x5 {
    height: calc(calc(145px * 5) + calc(20px * 4));
}

.pi-1x6, .pi-2x6, .pi-3x6, .pi-4x6, .pi-5x6 {
    height: calc(calc(145px * 6) + calc(20px * 5));
}

.pi-1xUnset, .pi-2xUnset, .pi-3xUnset, .pi-4xUnset, .pi-5xUnset {
    height: unset;
}


.pi-2x1, .pi-2x2, .pi-2x3, .pi-2x4, .pi-2x5, .pi-2xUnset {
    width: calc(calc(300px * 2) + calc(10px * 2));
}

.pi-3x1, .pi-3x2, .pi-3x3, .pi-3x4, .pi-3x5, .pi-3xUnset {
    width: calc(calc(300px * 3) + calc(10px * 3));
}

.pi-4x1, .pi-4x2, .pi-4x3, .pi-4x4, .pi-4x5, .pi-4xUnset {
    width: calc(calc(300px * 4) + calc(10px * 4));
}

.pi-5x1, .pi-5x2, .pi-5x3, .pi-5x4, .pi-5x5, .pi-5xUnset {
    width: calc(calc(300px * 5) + calc(10px * 5));
}

    .divBottoniIndietro{
        padding:10px 30px 0px 30px;
    }