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

@font-face {
    font-family: 'PPMori';
    src: url('../Fonts/PPMori-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PPNeueMachina';
    src: url('../Fonts/PPAgrandir-GrandRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: rgb(0, 0, 0); /* white, #FFFFFF */
	padding: 2em;
	margin: 0;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "slnt" 0;
}

p {
	margin: 0 0 1em 0;
	max-width: 30em;
	color: rgb(255, 255, 255);
	font-family: 'PPMori', sans-serif;
}

h1 {
	margin: 0;
	font-size: 3em;
	color: rgb(255, 255, 255);
	font-family: 'PPMori', sans-serif;
}

h4 {
	margin: 0;
	font-size: 1.5em;
	color: yellow;
	font-family: 'PPMori', sans-serif;
	font-weight: normal;
}

iframe {
	margin: 0;
	display: block;
	border: none;
	width: 100%;
	max-width: 1300px;
	aspect-ratio: 16 / 9;
	height: 100%;
	object-fit: contain;
}

iframe img {
	height: 100%;
	object-fit: contain;
}

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

.iframelab {
	margin: 0;
	display: block;
	border: none;
	width: 100%;
	max-width: 1200px;
	aspect-ratio: 16 / 9;
}
.filetto {
	border-top: solid 1px rgb(255, 255, 255);
}

.didascalia {
	font-style: italic;
	margin-right: 1em;
}
.titolo-sezione {
	margin-right: 1em;
}


.contenitore {
	/* max-width: 54em; */
}

.contenitore img {
	width: 100%;
}

img.formula {
	max-height: 25px;
	width: auto;
	height: auto;
}


.bordopulsanti{
	margin-left:-3.5em;
}

ul {
	color : white;
	margin: 0;
	padding: 0;
}

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

@media only screen and (max-width: 600px) {
	header,
	section {
		grid-template-columns: 1fr;
	}
	.contenitore {
		width:100%;
	}
	.contenuto-sezione {
		width: 100%;
	}
	.titolo-sezione {
		width: 100%;
	}
	img {
		width: 100%;
	}
	.bordopulsanti {
		margin-left: 0;
	}
}

.contenuto-sezione ul li {
    list-style-type: none;
}

.contenuto-sezione ul li a {
    color: white;
    text-decoration: none;
}

.contenuto-sezione ul li a:hover,
.contenuto-sezione ul li a:active {
    color: yellow;
}