* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: black;
	padding: 4px 8px;
	border-radius: 4px;
}

body {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	font-family: HelveticaNeue-Light, arial, sans-serif;
	text-align: center;
	background-image: url(/fotos/Concert01.jpg);
    background-color: black;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

header {
	display: block;
	width: 100%;
	height: auto;
}

h1 img {
	width: 90%;
	max-width: 512px;
	min-width: 300px;
	height: auto;
	margin: 16px;
	border-radius: 8px;
}

h1 img:hover {
	background-color: rgba(0,0,0,0.25);
}

.titolMMP {
	display: none;
}

#sites {
	display: flex;
	flex-wrap: wrap;
	width: 66%;
	height: auto;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.itemMenu {
	display: inline-flex;
	margin: 16px 4px;
}

.site {
	padding: 4px 8px;
	border-radius: 4px;
}

.site:hover {
	color: white;
	background-color: rgba(0,0,0,0.5);
}

.punt {
	font-weight: bolder;
}

footer {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.itemPeu {
	margin: 8px;
}

footer a:hover {
	color: white;
	background-color: rgba(0,0,0,0.5);
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	body {
		font-size: 250%;
	}

	h1 img {
		width: 90%;
		max-width: none;
		max-height: none;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	body {
		font-size: 150%;
	}

	h1 img {
		width: 80%;
		max-width: none;
		max-height: none;
	}
}