.megaBox {
            background: linear-gradient(180deg, #476f4d 0%, #223e54 100%);

        }

        .respBox {
            position: relative;
            top: 0;
            left: 50%;
            transform: translate(-50%);
            max-width: 1500px;
            height: 100%;

        }
        @media screen and (min-width: 1920px)         
        {
            .respbox{max-width:1800px;}
        }
        #quadro {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%);
            width: 100%;
            height: 800px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgb(0, 0, 0);

            /* border: 1px solid red; */
            z-index: 0;
        }

        #imgBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
            /* border: 1px solid red; */
        }

        #imgInfo {
            position: absolute;
            top: 80%;
            left: 0;
            width: 100%;
            height: 20%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            font-family: serif;
            padding: 0 150px;
            /* border: 1px solid red; */
            overflow: hidden;
            overflow: scroll;
            
            
        }
#imgInfo {

    overflow: -moz-scrollbars-none; /* Firefox */

    -ms-overflow-style: none; /* Internet Explorer and Edge */

}

#imgInfo::-webkit-scrollbar {

    display: none; /* WebKit browsers */

}

        .container {
            position: relative;
            /* top: 0; */
            left: 50%;
            transform: translate(-50%);
            width: 100%;
            display: grid;
            grid-template-areas:
                "header header"
                "menu content"
                "articolo articolo"
                "foto foto"
                "biblio biblio"
                "footer footer";
            grid-template-columns: 1fr 3fr;
            grid-template-rows: 0.5fr 1fr 4fr 1fr 1fr 1fr;

            /*gap: 3px;*/
            background-color: dodgerblue;
            
        }

      
        .container div {
            background-color: white;
            

        }

        .container div.header {
            grid-area: header;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 11;
            grid-row-start: 1;
            grid-row-end: 2;
        }

        .container div.menu {
            grid-area: menu;
            grid-row-start: 2;
            grid-row-end: 3;


        }

        .container div.content {
            grid-area: content;
            padding: 0 10%;
            font-weight: 900;
            /*border: 1px solid red;*/
            grid-row-start: 2;
            grid-row-end: 3;
        }

        .container div.articolo {
            grid-area: articolo;
            grid-row-start: 3;
            grid-row-end: 4;
            /* padding-top: 20px; */
            color: black;
        }

        .container div.foto {
            grid-area: foto;
            text-align: left;
            grid-row-start: 4;
            grid-row-end: 5;
        }

        .foto img{
            cursor: pointer;
        }

        .container div.biblio {
            grid-area: biblio;
            text-align: left;
            grid-row-start: 5;
            grid-row-end: 6;
            padding-top: 20px;
        }

        .container div.footer {
            grid-area: footer;
            text-align: left;
            grid-row-start: 6;
            grid-row-end: 7;
            padding-top:50px;
            padding-left:50px;
            background-color: rgb(79, 108, 116);
        }

        
