

	#Container{
		min-height: 30rem;
        max-width: 88.222rem;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
        margin-bottom: 1rem;
        color: var(--Page_Text_Color);
	}
	
	#HeaderMenu > ul > li:first-child > A {
		color: #ff3366 !important;

	}

	#Rotor {
		position: relative;
	}

	

	#Container #Title {
		margin: 0;
        margin-top: 4rem;
        margin-bottom: 1rem;
		font-size: 1.6rem;
		color: #000;
		font-weight: 300;
	}

	#Container #EventsContainer {
		width: 100%;
   		display: inline-grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-column-gap: 1.5rem;
	    position: relative;
	}


	#Container  #EventsContainer #AllEvents {
		text-align: center;
		grid-column: 1 / span 3;
    	text-align: center;
    	text-decoration: none;
    	box-sizing: border-box;
    	height: 5rem;
    	align-content: end;
	}

	#Container #EventsContainer #AllEvents a {
		position: relative;
        text-align: center;
        text-decoration: none;
        align-items: center;
        box-sizing: border-box;
        display: inline-block;
	}

	#Container #EventsContainer #AllEvents a span {
		padding: 0;
        margin: auto;
		border: 1px solid #ffffff66;
		color: white;
		background: #e6341d;
		-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
	    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
	    width: 11rem;
        height: 3rem;
        text-align: center;
        align-content: center;
        font-size: 0.8rem;
        display: inline-block;
	}

	#Container #EventsContainer #AllEvents span:hover:before, #Container #EventsContainer #AllEvents span:focus:before {
		left: 120%;
        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	}


	#Container #EventsContainer #AllEvents span:before {
		content: "";
	    background-color: white;
	    height: 80px;
	    left: -150px;
	    opacity: .2;
	    position: absolute;
	    top: -25px;
	    -webkit-transform: skewX(-38deg);
	    transform: skewX(-38deg);
	    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	    width: 36px;
	    z-index: 0;
	}

	#ContainerVerde {
		background: #cce4e5;
		min-height: 40rem;
		width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        color: var(--Page_Text_Color);
	}

	#ContainerVerde #TitleContainer {
		background-color: #99cbce;
        height: 5rem;
        align-content: center;
	}

	#ContainerVerde #TitleContainer #Title {
		max-width: 89.322rem;
		width: 85%;
		margin: 0;
        font-size: 1.6rem;
        color: #000;
        font-weight: 300;
        margin-left: auto;
        margin-right: auto;
	}

	#NewsContainer {
		max-width: 94.222rem;
        width: 91%;
		min-height: 40rem;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 2rem;
        color: var(--Page_Text_Color);
	}

	#NewsContainer #ElencoNews{
		text-align: left;
		position: relative;
		margin-top: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 2rem;

	}

	#NewsContainer #ElencoNews #AllNews {
		text-align: center;
		grid-column: 1 / span 3;
    	text-align: center;
    	text-decoration: none;
    	box-sizing: border-box;
    	height: 5rem;
    	align-content: start;
	}

	#NewsContainer #ElencoNews #AllNews a {
		position: relative;
        text-align: center;
        text-decoration: none;
        align-items: center;
        box-sizing: border-box;
	}

	#NewsContainer #ElencoNews #AllNews a span {
		clip-path: inset(0 0 0 0);
	    display: block;
		padding: 0;
        margin: auto;
   		margin-bottom: 1rem;
		border: 1px solid #ffffff66;
		color: white;
		background: #e6341d;
		-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
	    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
	    width: 11rem;
        height: 3rem;
        text-align: center;
        align-content: center;
        font-size: 0.8rem;
	}

	#NewsContainer #ElencoNews #AllNews span:hover:before, #NewsContainer #ElencoNews #AllNews span:focus:before {
		left: 20%;
        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	}


	#NewsContainer #ElencoNews #AllNews span:before {
		content: "";
	    background-color: white;
	    height: 80px;
	    left: -150px;
	    opacity: .2;
	    position: absolute;
	    top: -25px;
	    -webkit-transform: skewX(-38deg);
	    transform: skewX(-38deg);
	    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	    width: 36px;
	    z-index: 0;
	}


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

		#Container{
			min-height: unset;
	        max-width: unset;
	        width: 92vw;
	        margin-top: 3rem;
		}
		#Container #Title {
			margin-left: 0.7rem;
		}
		#Container #EventsContainer {
       		display: block;
		}
		#NewsContainer #ElencoNews{
			display: block;
		}
		#ContainerVerde #TitleContainer #Title {
			margin-left: 1.5rem;
			margin-right: unset;
		}

	}