
/*	-------------------------------------------------------------------------- */
/*	Mobile  
/*	-------------------------------------------------------------------------- */
	@media screen and (max-width: 440px) {

		.ElencoAbbonamenti {
			margin-bottom:2rem;
		}
		h1.PageTitle {
		    margin-top: 5.5rem !important;
		    background: #9c0034;
		    color: #fff;
			display: flex !important;
			flex-direction: row !important;
			align-items: center !important;
			justify-content: center !important;
			text-align: center !important;
			height: 12.5rem !important;
			width: 100% !important;
			font-size: 1.5rem !important;
			text-transform: uppercase;
			font-weight: 500 !important;
		}
		.Container {
			margin-top: 6rem!important;
		}
		.EventsContainer {
	        flex-direction: column;
			display: flex;
			align-items: center;
			row-gap: 5rem;
			margin-bottom: 2rem;
			margin-top: 2rem;
	    }
		.ElencoEventi, .ElencoAbbonamenti {
			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;
		}
		.Evento .FakeButton {
			display: none !important;
		}
		.Container > .PageTitle.Two {
			margin-top: 3rem;
			font-size: 2rem;
		}
		.ElencoEventi.Passati{
			margin-top: 2rem;
		}
		.ElencoEventi.Passati .Evento > a {
			filter: grayscale(1);
		}
		.ElencoEventi.Passati .Evento > a > .imgCont {
			opacity: 0.8;
		}
		.ElencoEventi.Passati .Evento > a:hover {
			filter: grayscale(0);
		}

	}

/*	-------------------------------------------------------------------------- */
/*	Desktop  
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 441px) {

		.Container {
			margin-top: 5rem !important;
			display: flex !important;
			flex-direction: column;
			align-items: center;
		}
		h1.PageTitle {
			width: 100%;
			margin-bottom: 0rem;
			transition: all 0.5s;
			margin-top: 10rem !important;
			font-size: 2rem;
			font-weight: 500;
			background: #9c0034;
			color: #fff;
			height: 9rem;
			text-align: center;
			line-height: 9rem;
			text-transform: uppercase;
		}

		.EventsContainer {
			display: flex
			;
			flex-direction: row;
			gap: 0.7%;
			width: 90%;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			margin-bottom: 2rem;
			margin-top: 2rem;
			row-gap: 5rem;
			max-width: 71.222rem;
		}

		.ElencoAbbonamenti {
			margin-bottom: 3rem;
			padding-bottom: 3rem;
			border-bottom: 0.4rem solid var(--Palette1);
			margin-top: 2rem;
		}
		.ElencoEventi, .ElencoAbbonamenti {
			max-width: 71.222rem;
			display: grid;
			grid-template-columns: 22.74rem 22.74rem 22.74rem;
			grid-column-gap: 1.5rem;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
		}
		.Container > .PageTitle.Two {
			margin-top: 3rem;
			font-size: 3rem;
		}
		.ElencoEventi.Passati{
			margin-top: 2rem;
		}
		.ElencoEventi.Passati .Evento > a {
			filter: grayscale(1);
		}
		.ElencoEventi.Passati .Evento > a > .imgCont {
			opacity: 0.8;
		}
		.ElencoEventi.Passati .Evento > a:hover {
			filter: grayscale(0);
		}

	}