#infoCookie{background:rgba(0,0,0,.5);color:#fff;width:80%;margin:auto;margin-top:5%;padding:1%;border-radius:4px;text-align:justify}
#titleCookie{font-weight:bold;font-size:1em;color:#fff;text-align:center}
#informativa{font-weight:bold;font-size:1em;color:#000}
*{box-sizing:border-box}
html{margin:2px}
body{background:#087;margin:2px}
b{color:#ffd}
.mini{background:#ffc;height:100%;padding:4px 12px;border:1px dotted black;text-decoration:none}
#id-home{width:100%;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch}
header{background:#fff url("../logo/gear3_100.png") no-repeat right top;width:100%;margin:0 auto;padding:1em;display:flex;flex-direction:column;align-items:center;color:#a00}
.logo-titolo{width:100%;display:flex;justify-content:center;align-items:center;gap:5%;text-align:center}
h1, h2{width:100%;font-style:italic;font-family:sans-serif}
.id-menu{display:flex}
#id-corpo{display:flex;flex-direction:column-reverse}
footer{background:ivory;text-align:center}
.bacheca{display:flex;justify-content:space-around;height:100%;background:#fff url("../clipart/sughero1.jpg");padding:4px}
.barraBacheca{padding:4px;color:#ee0;background:#d40 url("../clipart/stecca1.jpg") repeat-x;font-weight:bold}
.bottone{font:italic 9pt sans-serif}
.pins{width:25px;height:19px}
.postit{display:flex;flex-direction:column;align-items:center;width:46%;background:#ffa;padding:4px;text-align:center;font-size:14pt}
#titolo{font:italic bold 1.5em sans-serif;text-align:center;}
nav{display:flex;margin-top:4px}
.menu-primo{display:flex;flex-direction:column;align-content:stretch;gap:4px;flex-grow:1}
.menu-secondo{background:yellow;display:flex;justify-content:center;align-items:center;margin:0 0 0 4px;border-radius:20px;border:1px solid grey}
.menu{display:flex;flex-wrap:wrap;flex-grow:1;gap:4px}
.btnCom{background:#ffa;color:#000;flex-grow:1;text-align:center;padding:18px;border:1px solid #000;box-shadow:2px 2px 1px #000}
.btnA{background:#cff}
.btnB{background:#cfc}
.btnC{background:#ffc}
.btnD{background:#fcc}
.btnE{background:#fcf}
.btnF{background:#ccf}
.news{background:#ff0;transform:rotate(40deg);text-align:center;margin:4px;padding:8px;border-radius:30px;font-weight:bold}
.id-update{background:#fd4;margin-top:4px;padding:4px;font-weight:bold;text-align:center}
.item{flex-grow:1}
.articoli{margin-top:4px}
section{background:ivory;margin-bottom:4px;padding:4px;text-align:center}
.art1{display:flex;justify-content:space-around;align-items:center}
.art2{display:flex;justify-content:center;flex-direction:column}
.art3{display:flex;flex-wrap:nowrap;flex-shrink:1;flex-grow:1;gap:4px}
.tit-section{font:bold 1.1em sans-serif;color:#a00;text-align:center}
.riga1{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;text-align:center;margin-bottom:4px}
.riga2{padding:4px;text-align:center;font-size:12pt}
.riga3{display:flex;justify-content:space-around;align-items:center;gap:8px;margin:4px}
.riga4{display:flex}
.para{padding:4px;text-align:justify;font-size:12pt}
.foto{display:flex;justify-content:space-around;flex-wrap:wrap}
.cri1{display:flex;justify-content:space-around}
.cri2{display:flex;flex-direction:column}
.cri3{float:left;margin:0 8px 4px 0;text-align:center}
.cri4{display:flex;justify-content:space-around;padding:0 0 8px 0;font-size:18px;text-align:center}
.titCarn{display:flex;justify-content:center;align-items:center}
.carnevale{display:grid;grid-template-columns:repeat(3,auto);gap:4px}
.cell{padding:4px;font-size:14pt}
.celf{padding:4px;display:flex;justify-content:space-evenly;font-size:14pt}
.mezzi{display:flex;justify-content:space-around;align-items:center;padding:8px;flex-grow:1}
aside{order:1}
.icone{display:flex;flex-direction:row;gap:4px;flex-shrink:1}
.icon1{background:ivory;margin-top:4px;padding:4px;text-align:center;flex-grow:1}
.iconTitle{font-size:12pt;font-weight:bold}
.vuoto{height:100%;margin-bottom:4px}
.bordo{border-radius:4px}
.fbold{font-weight:bold}
.ombra{box-shadow:2px 2px 5px #555}
.viewP{display:inline}
.viewG{display:none}

@media screen and (min-width:768px){
.bacheca{padding:6px}
.barraBacheca{padding:6px}
.postit{font-size:16pt}
header{margin-top:6px}
nav{margin-top:6px}
.btnCom{padding:12px}
.menu-primo{gap:6px}
.news{transform:rotate(30deg);padding:12px}
.id-update{margin-top:6px}
.articoli{margin-top:6px}
.art3{gap:6px}
section{margin-bottom:6px}
.para{padding:6px;font-size:13pt}
.riga1{margin-bottom:6px}
.riga2{font-size:13pt}
.riga3{margin:6px}
.cell{padding:3px}
.mezzi{padding:6px}
.icon1{margin-top:6px}
.vuoto{margin-bottom:6px}
.bordo{border-radius:6px}
}

@media screen and (min-width:1025px){
#id-home{width:981px;margin:0 auto}
#id-corpo{flex-direction:row}
.bacheca{padding:8px}
.barraBacheca{padding:8px}
.pins{width:50px;height:38px}
.postit{font-size:18px}
header{width:981px;margin-top:8px;padding:8px}
.h-titolo{justify-content:space-around}
nav{margin-top:8px}
.btnCom{padding:6px}
.menu-primo{gap:8px}
.news{transform:rotate(20deg);padding:16px}
.id-update{margin-top:8px}
.articoli{margin-top:8px}
.art3{gap:8px}
.item{flex-grow:1}
section{margin-bottom:8px}
.para{padding:8px;font-size:14pt}
.riga1{margin-bottom:8px}
.riga2{font-size:14pt}
.riga3{margin:8px}
.foto{gap:8px}
.titCarn{justify-content:space-between}
.cell{padding:4px}
.mezzi{padding:8px}
aside{order:2}
.icone{flex-direction:column}
.icon1{margin:8px 0 0 8px;padding:4px;/*flex-grow:1;*/ }
.piccolo{font-size:10pt}
.vuoto{margin-bottom:8px}
.bordo{border-radius:8px}
.viewP{display:none}
.viewG{display:inline}
}