*, *:before, *:after {
	box-sizing: border-box;
}

body {
	background-color: white; /* white, #FFFFFF */
	padding: 2em;
	margin: 0;
	font-family: "helvetica"
}

p {
	margin: 0 0 1em 0;
	max-width: 30em;
}

h1 {
	margin: 0;
	font-size: 3em;
}

h4 {
	margin: 0;
}

iframe {
	margin: 0;
	display: block;
	border: none;
}

header,
section {
	display: grid;
	grid-template-columns: 1fr 4fr;
	margin-bottom: 2em;
	padding-top: 0.25em;
}

.filetto {
	border-top: solid 1px black;
}

.titolo-sezione {
	margin-right: 1em;
}

.contenitore {
	max-width: 54em;
}

ul {
	margin: 0;
	padding: 0;
}

/* -- breakpoint: schermi piccoli, larghezza massima 500 pixel -- */

@media only screen and (max-width: 700px) {
	body {
		background-color: pink;
	}
	header,
	section {
		grid-template-columns: 1fr;
	}
	.contenitore {
		width:100%;
	}
	.contenuto-sezione {
		width: 100%;
	}
	.titolo-sezione {
		width: 100%;
	}
	img {
		width: 100%;
	}
	iframe {
		width: 100%;
	}

	a {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 10%;
    
}
}