@media screen (max-width:767px) {

.bottone {
    font:20pt courier; 
    color: #ffa600 ; 
    text-align: center;
    background-color: #ffffff;
    border: #df9424;
    padding: 10px;}

.tasto {
    font:20pt courier; 
    color:#ffa600; 
    text-align: center;
    background-color: #ffffff;
    border: #df9424;
    padding: 10px;} 

.oggTendina {
  display: none;
  position: absolute;
  font: courier;
  font-size: 40px;
  background-color: #ffffff;
  min-width: 160px;}

.oggSott1 {
  display: none;
  position: absolute;
  font-family: 'Courier New', Courier, monospace;
  font-size: 30px;
  color: #d8c158;
  background-color: #ffffff;
  min-width: 160px;}
.hide { display: none; }

.overlay-sfondo {
  display: none;
  position: fixed;    
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.781); 
}

/* Box modale — centrato nella schermata */
.overlay-box {
  position: relative;
  top: 50%; left: 50%;
  text-align: center;
  background:#ffffff;
  width: 75%; max-height: 80vh;
  padding: 28px;
}

.close-overlay {
  position: absolute;
  top: 12px; right: 16px;
  font-size: 26px;
}
.show {display:block;}

#menu{padding-top: 1%;}
body {background-color:#fae898; text-align:justify; margin:10px; padding-bottom:2px; overflow:hidden; padding-bottom:10px;}
.h1{font:80pt courier; color:#ffffff; text-align:center}
.h2{font:15pt courier; color:#000000; text-align:center}
.h3{font:40pt courier; color:#d8c158; text-align: center}
.p {font:12pt courier; color:#000000; text-align:left}
.p1 {font:12pt courier; color:#000000; text-align:right}
a:link {font:30px courier; color:#ffb833; text-align:center; text-decoration: none;}
a:visited {font:30px courier; color:#df9424; text-align:center; text-decoration: none;}
#box1 {background-color:#fae898fe; border: 20px; color:#d6a74f; height:300px; margin: auto; width: 800px; padding:20px; position:relative; top: 200px; text-align: center}
div.sottotitolo{position:fixed;width: 85%; height: 5%; right:0%; left:15%; top:15%; overflow:auto; background:#e2a600; Padding: 1px;}
div.principale{position:fixed; width:85%; height:75%; right:0%; left:15%; top:20%; overflow:auto; background:#bdd8f1; Padding: 1px;}
div.intesta{position:fixed; width:85%; height:15%; right:0%; left:15%; top:0%; overflow:auto; background:#ffbb00;}
div.sommario{position:fixed; width:15%; height:100%; right:70%; left:0%; top:0%; overflow:auto; background:#ffffff; Padding: 1px;}
div.pie {position:fixed; width: 100%; height: 5%; right: 0%; top:95%; background-color: #fffffffe; padding:2px;}

div.pagina {
    position: relative;
    width: 100%;
    min-height: 100vh; 
    overflow: hidden;
    background-image: url("sfondo.webp");
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat;
    border: 5px solid color #d4b62d} 
}