@media screen and (min-width: 1024px) {
body {
    margin: 0;
    font-family: "Arial", serif;
    background: #6699CC;
    overflow-x: hidden;
}
.pagina {
    width: 100%;
    min-height: 100vh;
}

.intesta { width: 100%; background: #3333FF; padding: 20px; text-align: center;}

.contenitore-centrale {
display: flex;
    width: 100%;
    min-height: calc(100vh - 160px); /* adattato all’altezza dell’intestazione */}

/* colonne */
.sommario {
    width: 20%;
    background: #6666FF;
    font-size: 20px;
    min-height: 100%;
}

.principale {
    width: 60%;
    background: #99CCFF;
    font-size: 20px;
    min-height: 100%;
}

.secondario {
    width: 20%;
    background: #6666FF;
    font-size: 20px;
    min-height: 100%;
}

h1 {color: #000000;}
h3  {color: #000000;}
p {text-align:justify; color: #000000; padding: 10px;}
p1 {text-align:left; color: #000000; padding: 10px;}
p2 {text-align:left; color: #000000; padding: 10px;}
li{text-align:left; color: #000000;}
}