@font-face {
    font-family: "Gotham-Book";
    src: url(font/Gotham-Book.otf) format('opentype');
}
@font-face {
    font-family: "Gotham-Bold";
    src: url(font/Gotham-Bold.otf) format('opentype');
}

* {
	font-size: 1rem;
	padding: 0;
	margin: 0;
	font-family: "Gotham-Book", sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
}

body {
	font-size: 1rem;
	background: #eee;
	color: #444;
}

header {
	background: linear-gradient(to bottom right, #4E8BBA, #2D3B7C);
	padding: 30px;
	color: white;
}

.container {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}

.riga-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .logo {
	height: 150px;
}

nav {
	background-color: #DCDCDC;
	text-align: center;
	position: sticky;
	top: 10px;
	z-index: 1000000;
}

nav a {
	color: #555;
	display: inline-block;
	padding: 15px;
	padding-bottom: 12px;
}

nav a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.sopra-titolo {
	padding-left: 20px;
	padding-right: 20px;
	font-size: .9rem;
	padding-bottom: 5px;
}

.titolo {
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Gotham-Bold", sans-serif;
	font-size: 1.9rem;
}

h1, h2, h3, h4, h5, b {
	font-weight: normal;
	font-family: "Gotham-Bold", sans-serif;
}

h1 {
	padding-top: 60px;
	padding-bottom: 10px;
	font-size: 1.8rem;
	color: #2D3B7C;
	text-transform: uppercase;
}

h2 {
	font-size: 1.3rem;
	color: #2D3B7C;	
	padding-top: 100px;
	margin-top: -50px;
	padding-bottom: 10px;

}


h3 {
	font-size: 1.1rem;
	color: #2D3B7C;
	padding-top: 80px;
	margin-top: -50px;
	padding-bottom: 5px;
}

p {
	line-height: 1.7rem;
}

p a {
	text-decoration: underline;
	cursor: pointer;
	color: #2D3B7C;
}

p a:hover {
	color: #4a61df;
}

footer {
	background-color: #ddd;
	padding: 20px;
	text-align: center;
	margin-top: 100px;
}

.tricolore {
	height: 10px;
	width: 100vw;
	position: sticky;
	top: 0;
	display: block;
	z-index: 1000000;
}

.autore {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 10px;
}

.autore img {
	height: 80px;
	margin-right: 15px;
	border-radius: 50%;
}

.autore p {
	line-height: 1.2rem;
	font-size: .9rem;
	margin-top: 5px;
}

.indenta {
	padding-left: 30px;
}

img.in-testo {
	max-height: 250px;
	max-width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.doppia-foto {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
	margin-bottom: 10px;
}

.singola-foto {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.video-facebook {
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
}

.video-youtube {
	width: 560px;
	height: 315px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.centra-testo {
	text-align: center;
}

.instagram-media.instagram-media-rendered#instagram-embed-0, .instagram-media.instagram-media-rendered#instagram-embed-1 {
	margin: auto !important;
}


















/* SEZIONE MOBILE */
@media screen and (max-width: 900px) {

	.riga-flex {
		display: block;
	}

	.nascondi-mobile {
		display: none;
	}

	.container {
		width: 88%;
	}

	.sopra-titolo, .titolo {
		padding: 0;
		text-align: left;
	}

	.titolo {
		font-size: 1.5rem;
		line-height: 1.9rem;
		margin-bottom: 10px;
	}

	header {
		padding: 10px;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	header .logo {
		margin-top: 10px;
		margin-bottom: 20px;
		height: 120px;
	}

	p {
		line-height: 1.5rem;
	}

	h1 {
		padding-top: 40px;
		font-size: 1.6rem;
	}

	.doppia-foto {
		display: block;
	}

	img.in-testo {
		width: 100%;
		max-width: none;
		max-height: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.fb-video span {
		padding-top: 20px;
		height: 240px !important;
	}

	.video-youtube {
		width: 100%;
		height: 170px;
	}

}