@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/source-sans-pro/ssp-300-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-sans-pro/ssp-400-normal.woff2') format('woff2');}

body {
	margin: 0;
	padding: 2em 1em;
	background: #e9c46a url('images/bg.jpg') no-repeat fixed;
	background-size: 100% 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 13pt;
	line-height: 1.6;
	color: #555;
}

.foglio {
	max-width: 52em;
	margin: 0 auto;
	padding: 2.5em 3em;
	background: #fff;
	border-radius: 15px;
	box-shadow: 6px 9px 5px 0 rgba(0, 0, 0, 0.75);
}

h1, h2 { color: #363636; font-weight: 400; line-height: 1.3; }
h1 { font-size: 1.8em; margin: 0.4em 0 0.2em; }
h2 { font-size: 1.2em; margin: 1.8em 0 0.4em; }
b { color: #363636; font-weight: 400; }
a { color: #363636; }

.sotto { font-size: 0.85em; color: #696969; margin-top: 0; }
.torna { font-size: 0.85em; margin: 0; }
.piede { font-size: 0.8em; color: #696969; border-top: 1px solid #ddd; margin-top: 2.5em; padding-top: 1em; }

table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
th, td { text-align: left; vertical-align: top; padding: 0.6em; border-bottom: 1px solid #ddd; }
th { color: #363636; font-weight: 400; background: #f4f4f4; }

@media (max-width: 600px) {
	body { padding: 1em 0.6em; font-size: 12pt; }
	.foglio { padding: 1.5em 1.2em; }
	th, td { display: block; padding: 0.3em 0.6em; }
	thead { display: none; }
	td:first-child { padding-top: 0.8em; color: #363636; }
}