:root {
    --primary: #d1d1d1;
    --secondary: #00AEEF;
    --accent: #ED1C24;
    --light: #ffffff;
    --dark: #231F20;
}

.cover-img {
    height: 60%;
    width: 100%;
    margin: 50px 0;
}

#for-intro h2 {
    grid-column: 2/12;
}

#for-intro p {
    grid-column: 2/12;
    font-weight: 500;
    margin-bottom: 50px;
}

#for-intro img {
    grid-column: 2/12;
    margin-bottom: 50px;
    transition: ease-in-out 0.5s;
    align-self: center;
}

/* 
#for-grafici {
    background: rgb(136, 136, 136)
}

#for-grafici h2,
#for-grafici h3,
#for-grafici p {
    color: white;
} */

#for-grafici img {
    grid-column: 2/12;
    margin-bottom: 50px;
}

.for-txt {
    grid-column: 2/12;
}

.for-txt p {
    margin-bottom: 30px;
}

.for-txt h3 {
    margin-bottom: 30px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {


    .for-txt {
        grid-column: 2/6;
    }

    #for-intro h2 {
        margin-bottom: 50px;
    }

    #for-intro img {
        grid-column: 8/12;
        margin-bottom: 50px;
    }

    #for-grafici h3 {
        grid-column: 2/6;
    }

    #for-grafici p {
        grid-column: 2/6;
    }

    #for-grafici .for-img {
        grid-column: 8/12;
        margin-bottom: 50px;
        align-self: center;
    }

    #for-grafici .com-img4 {
        grid-column: 2/6;
        margin-bottom: 50px;
        align-self: center;
    }

    #for-grafici .com-img5 {
        grid-column: 8/12;
        margin-bottom: 50px;
        align-self: center;
    }

    #for-carousel {
        padding-left: 240px;
    }

    #for-grafici .img-out1 {
        grid-column: 2/6;
    }

    #for-grafici .img-out2 {
        grid-column: 7/12;
        align-self: center;
    }
}