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

		.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;
		}
		.EventsContainer{
			flex-direction: column;
		}

		.redbar{
			margin-bottom: 0;
		}

		.container{
			margin-top: 5.7rem;
		}

				.redbar{
			width: 100% !important;
			text-align: center;
			font-size: 2rem;
			text-transform: uppercase;
			padding: 4.5rem;
			background: #9c0034;
			color: #fff;
			font-weight: 600;
			margin-bottom: 5rem;
			box-sizing: border-box;

		}
		.EventsContainer{
			display: flex;
			flex-direction: row;
			gap: 0.7%;
			width: 90%;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			margin-bottom: 6rem;
			margin-top: 2rem;
			row-gap: 5rem;
			margin-left: auto;
			margin-right: auto;
		}

	}

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

		.ElencoEventi {
			max-width:71.222rem;
			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;
		}
		.redbar{
			width: 100% !important;
			text-align: center;
			font-size: 2rem;
			text-transform: uppercase;
			padding: 4.5rem;
			background: #9c0034;
			color: #fff;
			font-weight: 600;
			margin-bottom: 5rem;
			box-sizing: border-box;

		}

		.container > p{
			width: 50% !important;
			max-width: 50% !important;
			text-align: center;
		}

		.container{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #fff;
		 margin-top: 10rem !important;
	    transition: all 0.5s;
	}

		/*.Subtitle{
			font-size: 1.5rem;
			margin-bottom: 0.5rem;
			margin-top: 3rem;

		}

		.Text {
			font-size: 0.8rem !important;
			margin-top: 1rem !important;
			color: #545454 !important;
			font-weight: 500 !important;
			overflow: hidden;
			height: 5rem;
			width: 16rem;
			text-transform: none !important;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;
			text-overflow: ellipsis;
		}


		.Link{
			font-size: 1rem;
			color: #9c0034 !important;
			font-weight: 600;
			letter-spacing: 0.02rem;
			
		}

		.EventBox{
			display: flex;
		    max-width: 32%;
		    flex-direction: column;
		    align-content: center;
		    justify-content: space-between;
		    align-items: center;
		    background: #f7f7f7;
		    height: 29rem;
		    margin-top: 4rem;
		}



		.Image{
			width: 100%;
		}

		.TextBox{
			display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    text-align: center;

		}

		.TextBox > p{
		    margin: 0;
		    color: #9c0034;
		    font-weight: 600;
		    text-transform: uppercase;
		    width: 16rem;
		}

		.Title{
			font-size: 1.5rem;
			margin-top: 1rem !important;
		}

		.ButtonBox{
			display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		}

		.EventButton{
			padding: 0.6rem 1.9rem;
			border: 1px solid #9c0034;
			color: #9c0034!important;
			text-transform: uppercase;
			font-weight: 600;
			text-decoration: none;
			transition-duration: 0.3s;
			transition-property: background, color;
			margin-bottom: 1.5rem;
		}

		.InfoButton{
			padding: 0.6rem 1.9rem;
			border: 1px solid #fff;
			color: #fff!important;
			text-transform: uppercase;
			font-weight: 600;
			text-decoration: none;
			transition-duration: 0.3s;
			transition-property: background, color;
			margin-bottom: 1.5rem;
		}

		.InfoButton:hover{
			color: #000!important;
			background: #fff;
		}*/


		.EventsContainer{
			display: flex;
			flex-direction: row;
			gap: 0.7%;
			width: 70rem;
			row-gap: 5rem;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			margin-bottom: 10rem;
		}

		.Date{
			color: #000;
			font-weight: 900;
			text-transform: uppercase;
		}


	}