body {

        background-image: url("img/sfondo1.png");

        background-size: cover;

        background-attachment: fixed;

        background-position: center;

    }

H3{
    color: gold;
    text-align: center;
}
     div a:link {

        color: gold;

        text-decoration: none;

    }

    /* visited link */

    

    div a:visited {

        color: gold;

        text-decoration: none;

    }

    /* mouse over link */

    

    div a:hover {

        color: rgb(255, 0, 204);

        font-weight: bold;

        text-decoration: none;

    }

    /* selected link */

    

    div a:active {

        color: gold;

        text-decoration: none;

    }

    footer {

        padding: 1% 0% 1% 0%;

    }

    

    footer div {

        text-align: center;

    }

    

    footer H1 {

        font-size: calc(1em + 1vw);

        color: rgb(255, 255, 255);

    }

    

    nav a {

        vertical-align: middle;

        /*border: 4px solid saddlebrown;*/

    }

    /* unvisited link */

    

    nav a:link {

        color: rgb(255, 255, 255);

        text-decoration: none;

    }

    /* visited link */

    

    nav a:visited {

        color: rgb(255, 255, 255);

        text-decoration: none;

    }

    /* mouse over link */

    

    nav a:hover {

        color: rgb(255, 0, 204);

        font-weight: bold;

        text-decoration: none;

    }

    /* selected link */

    

    nav a:active {

        color: rgb(255, 0, 204);

        text-decoration: none;

    }

    

    .logoinbarra {

        color: blue;

        background-color: transparent;

        height: 100px;

    }



    @media screen and (min-width: 720px) {

        @supports (display: grid) {

            .Griglia3Celle {

                display: grid;

                grid-template-columns: 3fr 3fr 3fr 3fr;

                font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

                font-size: calc(1.2em + 0.5vw);

                color: gold;

                text-align: center;
                

                grid-gap: 3%;

                padding-left: 5%;

                padding-right: 5%;

                padding-top: 2%;

                padding-bottom: 2%;

            }

        }
                .card {

            background-color: rgba(0, 0, 0, 0);

            border: 0;

            /*border: 5px solid rgb(59, 34, 151);*/

        }

        .card img {

            align-self: center;

            border: 0;

        }

        .card p {

            margin: 0%;

        }

        .card h4 {

            font-weight: bold;

            margin: 0%;

        }

}

    @media screen and (max-width: 720px) {

        @supports (display: grid) {

            .Griglia3Celle {

                display: grid;

                grid-template-columns: 1fr;

                font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

                font-size: calc(1.2em + 1vw);

                color: gold;

                text-align: center;

                padding-left: 15%;

                padding-right: 15%;

                padding-top: 2%;

                padding-bottom: 2%;

            }

        }
                .card {

            background-color: rgba(0, 0, 0, 0);

            /*border: 4px solid aqua;*/

            margin-top: 4%;

            border: 0;

        }

        .card img {

            align-self: center;

            border: 0;
            
            margin-top: 50px;

        }

        .card p {

            margin: 0%;

        }

        .card h4 {

            font-weight: bold;

            font-size: calc(1.2em + 0.7vw);

            margin: 0%;

        }

    }
         .bordosuperiore{
            margin-top: 90px;
        }    

    @supports (display: grid) {

        .Griglia1Cella {

            display: grid;

            padding-left: 5%;

            padding-right: 5%;

            padding-top: 10%;

            padding-bottom: 10%;

            border-radius: 0%;

            border-color: 5px solid red;

        }

    }

    

    .sfondo_nero_opacita_04 {

        background-color: rgba(0, 0, 0, 0.4);

    }

    

    .sfondo_nero_opacita_1 {

        background-color: rgba(33, 37, 41, 1);

    }

    

    .textareatesto {

        width: 100%;

        padding: 12px;

        border: 1px solid #ccc;

        box-sizing: border-box;

        margin-top: 6px;

        margin-bottom: 16px;

        height: 200px

    }

    

    .textareadati {

        width: 100%;

        padding: 12px;

        border: 1px solid #ccc;

        box-sizing: border-box;

        margin-top: 6px;

        margin-bottom: 16px;

    }

    

    input[type=submit] {

        background-color: #04AA6D;

        color: white;

        padding: 12px 20px;

        border: none;

        cursor: pointer;

    }

    

    input[type=submit]:hover {

        background-color: #45a049;

    }

    

    .container {

        border-radius: 5px;

        background-color: rgba(0, 0, 0, 0.4);

        padding-top: 5%;

    }

    

    .testooro {

        font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

        color: gold;

    }

    

    .divano {

        border-radius: 5px;

        background-color: rgba(0, 0, 0, 0.4);

        padding-top: 10%;

        padding-bottom: 2%;

        border-radius: 0%;

    }

    

    .paragrafosottotitolo {

        text-align: center;

        font-size: calc(1.5em + 0.8vw);

        font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

        color: gold;

        margin: 0%;

        border: calc(1em + 0.4vw) solid rgba(0, 0, 0, 0);

    }

    

    .paragrafopostilla {

        text-align: center;

        font-size: calc(0.7em + 0.7vw);

        font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

        color: gold;

        margin: 0%;

        border: calc(1em + 0.4vw) solid rgba(0, 0, 0, 0);

    }