/*	-------------------------------------------------------------------------- */
/*	Banner home (comune)
/*	-------------------------------------------------------------------------- */

	#HomeBanner {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}
	#HomeBanner picture {
		display: block;
		width: 100%;
	}
	#HomeBanner img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}

/*	-------------------------------------------------------------------------- */
/*	Mobile  
/*	-------------------------------------------------------------------------- */
	@media screen and (max-width: 440px) {

		/* Offset = altezza header mobile (4.5rem) */
		#HomeBanner {
			margin-top: 4.5rem;
		}
		.Container {
			margin-top: 1.5rem;
			margin-bottom: 2.5rem;
			padding-top: 0;
		}
		.ElencoEventiVerticale {
			max-width:92vw;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-column-gap: 1.5rem;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
		.ElencoEventi {
			max-width:92vw;
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-column-gap: 0;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.ElencoNotizie {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-column-gap: 2.5rem;
			grid-row-gap: 2.5rem;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}

	}

/*	-------------------------------------------------------------------------- */
/*	Desktop  
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 441px) {

		/* Offset = altezza header desktop (6.45rem) */
		#HomeBanner {
			margin-top: 6.45rem;
		}
		/* Dal Figma: ~78px tra banner e card, ~99px tra card e footer (1rem = 18px a 1920) */
		.Container {
			margin-top: 4.3rem;
			margin-bottom: 5.5rem;
			padding-top: 0;
		}
		.ElencoEventiVerticale {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-column-gap: 1.5rem;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		/* Card evento larga 1200px nel Figma = 66.7rem */
		.ElencoEventi {
			max-width:66.7rem;
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-column-gap: 0;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.ElencoNotizie {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-column-gap: 2.5rem;
			grid-row-gap: 2.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.ElencoEventi > .messaggio {
			width: 100%;
		    text-align: center;
		    font-size: 1.7rem;
		    text-transform: uppercase;
		    font-family: var(--Font_Condensed);
		    font-weight: 600;
		    color: var(--Palette2);
		    margin: 12rem 0rem;
		}
		.ElencoEventi > .messaggio > b {
			color: var(--Palette1);
		}

	}