body { width:auto; height:100%; background:#efefef; font-family:Arial; font-size:14px; }
html { height:100%; }


#container { width:80%; margin:0 auto; background:#ffffff; position:relative; padding:3% }


#loader { width: 100%; height: 100%; position: absolute; z-index: 100; background: rgba(255,255,255,0.6) }
#loader img { width: 50px; height: auto; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); z-index: 100}


#main, #header, #footer { width:100%; text-align:left; margin-bottom:0px; margin-top:5% }

#header { display:inline-block; margin-top:1%}
#header img { width:100%; max-width:400px}

#main {  margin-top:1% }

h4 { color:#c6207c; margin:0; padding-top:5px; padding-bottom:10px; font-size:24px }

#footer { text-align: right; font-size:14px; margin-top:10px; display:inline-block }

label { display:block; font-weight:bold; color:#999; text-transform:uppercase; font-size:14px; margin:30px 0 5px; text-align:left;  }

input, textarea, select { padding:15px; border:1px solid #ddd; width:calc(100% - 32px); -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; margin:0 0 1% 0; color:#333333 }

input[type=submit], input.submit { background:#FFD600; border:2px solid #444; color:#c6207c; font-weight:bold; margin:2% 0; cursor:pointer; width:auto; font-size: 140%; -moz-border-radius:5px; -webkit-border-radius:5px; padding:1% 5%; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#00933D; color:#fff; }


.puls_esci_chiudi { font-size:13px; float:right; padding:5px 15px 5px 15px; text-decoration:none; border:1px solid #333; color:#FFF; background-color:#c6207c; margin:0px 10px 0px 0px; cursor:pointer; transition:all 0.2s } 
.puls_esci_chiudi:hover { color:#000; background-color:#FFD600 }


.msg { display:inline-block; border-radius:20px; background:#FFD600; padding:1% 2%; font-weight:bold; font-size:16px; color:#c6207c} 


@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


@media all and (max-width: 780px) {
	body { background:#ffffff; }
	input, textarea, select { font-size:25px; }
	label { font-size:18px }
	input[type=submit], input.submit { font-size:25px; margin:3% 0 1%  }
	#footer { font-size:18px}
	#header img { width: 100%; max-width: 100% }
	h4 { font-size: 100% }
}


/* @media all and (min-width: 200px) and (max-width: 780px) { } */