/* CSS Reset */
            *{
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            /* Altro CSS */
            body{
                background-color: #000;
                color: lime;
                padding-top: 50px;
            }
            header{
                color:  rgb(0,225,0);
                font-size: 25px;
                text-align: center;
                border-radius: 10px;
                margin-bottom: 100px;
            }
            footer {
                color: gray;
                text-align: right;
                position: fixed;
                bottom: 0;
                right: 0;
            }
            a{
                color: rgb(0, 200, 0);
            }
            button{
                background-color: rgb(0, 255, 0);
                cursor: pointer;
                border: 1px, solid, #333;
                border-radius: 20px;
                padding: 5px;
            }
            p{
                margin-bottom: 20px;
            }
            .contenitore{
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                align-items: flex-start;
                max-width: 100%;
                margin: 40px;
            }
            .testo{
                background-color: #333;
                font-size: 20px;
                border-radius: 10px;
                padding: 20px;
                width: 50%;
            }
            img{
                display: none;
            }
            .img{
                border: 1px solid #000;
                border-radius: 10px;
                display: block;
                width: 100%;
                height: 100%;
            }
            .div-img{
                text-align: center;
                margin: 40px;
                border-radius: 10px;
                width: 20%;
                height: min-content;
                color: lime;
            }
            .messaggio{
                margin-top: 200px;
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }

        /*-------------  Ridimensionamenti width  -------------*/
        @media only screen and (max-width: 1450px) {
            .div-img{
                width: 23%;
            }
        }
        @media only screen and (max-width: 1400px) {
            .div-img{
                width: 24%;
            }
        }
        @media only screen and (max-width: 1350px) {
            .div-img{
                width: 25%;
            }
        }
        @media only screen and (max-width: 1300px) {
            .div-img{
                width: 26%;
            }
        }
        @media only screen and (max-width: 1250px) {
            .div-img{
                width: 27%;
            }
        }
        @media only screen and (max-width: 1200px) {
            .messaggio{
                display: none;
            }
            .div-img{
                width: 28%;
                margin: 30px;
            }
            .testo{
                width: 55%;
            }
        }
        @media only screen and (max-width: 1100px) {
            .testo{
                width: 60%;
            }
        }
        @media only screen and (max-width: 1000px) {
            .div-img{
                width: 30%;
                margin: 20px;
            }
            .testo{
                width: 65%;
            }
        }
        @media only screen and (max-width: 900px) {
            .contenitore{
                margin: 20px;
            }
            .div-img{
                width: 30%;
                margin: 10px;
                margin-left: 20px;
            }
            .testo{
                width: 70%;
            }
        }
        @media only screen and (max-width: 800px) {
            button{
                scale: 0.9;
            }
            header{
                margin: 0;
            }
            .contenitore{
                flex-direction: column-reverse;
            }
            .div-img{
                width: 40%;
                margin: 10px auto;
                font-size: 15px;
            }
            .ss-foto_txt{
                display: none;
            }
            .testo{
                width: 90%;
                margin: 0 auto;
            }
        }
        @media only screen and (max-width: 500px) {
            button{
                scale: 0.8;
            }
            header{
                font-size: 20px;
            }
            .div-img{
                font-size: 10px;
            }
            .testo{
                font-size: 15px;
            }
        }
        @media only screen and (max-width: 350px) {
            header{
                font-size: 15px;
            }
            .div-img{
                font-size: 9px;
            }
            .testo{
                font-size: 12px;
            }
        }
        @media only screen and (max-width: 320px) {
            button{
                scale: 0.5;
            }
            .div-img{
                font-size: 8px;
            }
        }