html{
  scroll-behavior: smooth;
  background-color: #FFF;}

#body{font-family: 'Open Sans', sans-serif; background: white}
#menu{width: 100%; position: fixed; z-index: 10000}

.pure-g [class*=pure-u] {font-family: 'Open Sans', sans-serif;}	/* sovrascrittura font */

.pure-img {
    width: 100%;
		height: auto;
		margin:0 auto;
	}

.titolo-sezione
{
	padding-top: 40px;
	text-align: center;
}

h2.titolo-sezione{
font-family: 'Chandstate', sans-serif;
font-size: 40px;
font-weight: bold;
margin-top: 100px;
margin-bottom: 30px;
line-height: 50px;
}

a{color:red; text-decoration: none}
a:hover{color:#FF6D2E}

.mail p{font-size: 23px; line-height: 32px; text-align: right;}								/* div in contatto */
.form{text-align: center; display: inline;}

.w350{max-width:350px; width: 100%; margin:0 auto}
.w400{max-width:400px; width: 100%; margin:0 auto}
.w500{max-width:500px; width: 100%; margin:0 auto}
.w600{max-width:600px; width: 100%; margin:0 auto}
.w700{max-width:700px; width: 100%; margin:0 auto}
.w800{max-width:800px; width: 100%; margin:0 auto}
.w860{max-width:860px; width: 100%; margin:0 auto}
.w960{max-width:960px; width: 100%; margin:0 auto}
.w1000{max-width:1000px; width: 100%; margin:0 auto}
.w1100{max-width:1100px; width: 100%; margin:0 auto}


.p10{padding:10px}									/* cambiare questo parametro per il padding interno dei contenuti */
.p15{padding: 15px}
.p20{padding: 20px}
.p20-20-0{padding: 20px 20px 0px 20px}
.p10-15{padding: 10px 15px}
.p0-15{padding: 0px 15px}
.p0-20{padding: 0px 20px}
.p0-30{padding: 0px 30px}
.p0-50{padding: 0px 50px}
.p15-20{padding: 15px 20px}
.p30{padding: 30px}
.p40{padding:15px 40px}
.p60{padding:15px 60px}

.p0-50-20m{padding: 0 50px}

.mt0{margin-top: 0 !important}
.mt20{margin-top: 20px !important}
.mt50{margin-top: 50px !important}
.mt80{margin-top: 80px !important}
.mt150{margin-top: 150px !important}
.mt305{margin-top: 305px !important}    /*da cancellare appena fatto banner nuovo*/
.mb0{margin-bottom: 0 !important}
.mb20{margin-bottom: 20px !important}

.sottolineato{text-decoration:underline}
b, strong {font-weight: 1000}
.justify{text-align:justify}
.justify-center{text-align:justify}
.center{text-align:center}
.left{text-align: left;}
.right{text-align: right}
.left-center{text-align: left;}
.right-center{text-align: right;}
.small{font-size: 14px !important;}
.font-normale{font-family: 'Open Sans', sans-serif;}
.big{font-size: 36px}
.medio{font-size: 21px}
.maiuscolo{text-transform: uppercase;}

.bg-bianco{background-color: #FFF}
.bg-azzurro{background-color: #9F9FED}
.bg-grigio{background: #EEE}
.bg-grigioscuro{background: #575656}

.rosso{color:red}

.arancio{color:#ff6d2e}
.bianco{color:white !important}
.nero{color: black !important}
.grigio{color: #999}
.grigiochiaro{color: #CCC !important}
.grigioscuro{color: #666 !important}
.grigiomoltoscuro{color: #333 !important}
.azzurro{color: #62929E}

.colonna-testo{
background-color: white;
padding: 20px;
}

.testo-volante{margin-top: -80px}
.mondo{margin-top: 30px}

.titolo-testo{font-family: 'Chandstate', sans-serif; font-size: 21px}
.titolo-grande{font-family: 'Chandstate', sans-serif;
    font-size: 23px;
}
.p-normale{font-size: 16px; color: #333; line-height: 23px}
.p-medio{font-size: 19px; color: #333; margin-top: 0}
.p-grande{font-size: 21px; color: #333; line-height: 28px}
.p-moltogrande{font-size: 26px; color: #333; line-height: 32px}

.mw150{max-width: 150px}
.mw200{max-width: 200px}
.mw250{max-width: 250px}
.mw300{max-width: 300px}
.mw350{max-width: 350px}
.mw400{max-width: 400px}
.mw450{max-width: 450px}
.mw500{max-width: 500px}
.mw550{max-width: 550px}
.mw600{max-width: 600px}

#social{text-align: right;}
#copyright{font-size: 14px}

ul.lista-social{padding: 0 !important}
.lista-social li{display:inline; padding:0 10px}

.l-content {margin: 0 auto}

.l-box {padding: 30px 2em}

.footer {
    background: #000;
    color: #CCC;
}

.footer a {
        color: #FFF;
    }

.footer p{padding: 8px 0}

@media (min-width: 768px) {
.mobile{display: none}
}

@media (min-width: 768px) and (max-width: 980px) {
  .h2-banner-home {
      font-size: 45px;
      margin: 12px 0 20px 0;
      line-height: 45px;
  }

.h1-banner-home {
    font-size: 16px;
}
}