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

		.Container {
			margin-top: 0.5rem !important;
			margin-bottom: 4rem;
		}

		.Container H1.PageTitle {
			font-size: 3.6rem;
			font-family: var(--Font_Title);
			font-weight: 100;
			margin-bottom: 2rem;
			margin-top: 0.5rem;
			text-align: center;
		}

		.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;
		}
		.Container > .DescriptionBox {
			padding: 1rem;
	        background: #ededed;
	        border-radius: 1rem;
	        max-width: 92vw;
	        margin-bottom: 2rem;
		}
		.Container > .DescriptionBox > .Description {
			font-family: var(--Font_Text);
			font-size: 1.2rem;
			text-align: center;
		}
		.DescriptionBox > .Description > hr {
			border: none;
    		border-top: 0.1rem dashed var(--Palette2dark);
    		margin: 0.8rem 0rem;
		}
		.DescriptionBox > .Description > a {
			text-decoration: none;
			color: var(--Palette1);
			font-weight: 700;
        	font-size: 1.4rem;
        	line-height: 3rem;
		}
		.Container > .formBox {
			padding: 1rem;
	        padding-left: 1rem;
	        padding-right: 1rem;
	        background: #ededed;
	        border-radius: 1rem;
	        max-width: 92vw;
	        margin-bottom: 3rem;
	        margin-top: 3rem;
		}
		.Container > .formBox > form > div > .formTitle {
			font-family: var(--Font_Title);
	        margin: 0.5rem 1rem;
	        font-size: 1.6rem;
	        width: 90%;
	        position: relative;
	        padding-left: 1.5rem;
	        text-transform: uppercase;
	        line-height: 1.6rem;
		}
		.Container > .formBox > form > div > .formTitle > i {
			position: absolute;
		    left: -1rem;
		    top: 0.4rem;
		}
		.Container > .formBox > form > div > h3 {
			font-family: var(--Font_Title);
		    font-weight: 400;
	        font-size: 1.3rem;
	        margin-top: 1.5rem;
	        line-height: 1.5rem;
	        margin-bottom: 2rem;
	        letter-spacing: 0rem;
		}
		.formBox > form > .formRow {
			display: flex;
		    flex-direction: column;
		    align-items: flex-start;
		    width: 100%;
		    margin-bottom: 0.7rem;
		}
		.formBox > form > .formRow > label {
			font-family: var(--Font_Title);
		    font-size: 1.1rem;
		    font-weight: 600;
		}
		.formBox > form > .formRow > input {
			width: 90%;
	        height: 3rem;
	        margin-top: 0.5rem;
	        font-family: var(--Font_Text);
	        border: none;
	        border-radius: 5rem;
	        font-size: 1.1rem;
	        padding: 0rem 1rem;
		}
		.formBox > form > .formRow > input:focus {
			outline: 0.2rem solid var(--Palette1);
		}
		.formBox > form > .formRow > .formRowNum {
			margin-top: 0.5rem;
	        display: flex;
	        flex-direction: row;
	        align-items: center;
		}
		.formRow > .formRowNum > div > #prefix {
			height: 3rem;
		    border: none;
		    border-radius: 5rem;
		    padding: 0rem 1rem;
		    font-family: var(--Font_Text);
		    width: 3rem;
		    margin-right: 0.2rem;
		}
		.formRow > .formRowNum > div > #number {
			height: 3rem;
		    border: none;
		    border-radius: 5rem;
		    padding: 0rem 1rem;
		    font-family: var(--Font_Text);
		    min-width: 15rem;
		}
		.formRow > .formRowNum > div > input:focus {
			outline: 0.2rem solid var(--Palette1);
		}
		.formBox > form > .formRow > div > p {
			font-family: var(--Font_Condensed);
			font-size: 1.1rem;
			font-weight: 100;
		}
		.formBox > form > .formPrivacy {
			font-family: var(--Font_Text);
			margin-bottom: 1rem;
		}
		.formBox > form > .formPrivacy > label {
			margin-bottom: 1rem;
			font-weight: 600;
			font-size: 1.4rem;
		}
		.formBox > form > .formPrivacy > .checkPrivacy {
			margin-top: 1rem;
			font-size: 1.4rem;
		}
		.formBox > form > .formPrivacy > .checkPrivacy > label > input {
			width: 2rem;
		}
		.formBox > form > .formButton > button {
			border: none;
			background: var(--Palette1);
			color: #ffffff;
			width: 100%;
			height: 5.5rem;
			margin-top: 1rem;
			border-radius: 5rem;
			text-transform: uppercase;
			font-family: var(--Font_Text);
			font-size: 2rem;
			cursor: pointer;
			font-weight: 600;
			margin-bottom: 1.5rem;
			transition: all 0.2s ease;
		}


		.Container > .DescriptionBox.Two {
			margin-top: 2rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 10.5rem;
		}
		.Container > .DescriptionBox.Two > .Description {
			font-size: 1.2rem;
			display: flex;
	        flex-direction: column;
	        align-items: center;
	        text-align: center;
		}
		.DescriptionBox.Two > .Description > .DescButton {
			text-decoration: none;
	        margin-top: 1.5rem;
	        margin-right: 0rem;
	        background: var(--Palette1);
	        color: #ffffff;
	        padding: 1rem 2rem;
	        border-radius: 0.4rem;
	        font-size: 1.7rem;
	        font-weight: 600;
	        width: 80%;
		}
		.Container > .DescriptionBox > .Description.Two {
			margin-top: 0.5rem;
			padding-top: 0rem;
		}
		.Container > .DescriptionBox > .Description > .name {
			font-style: italic;
		}

	}

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

		
		.Container{
			display: block;
	        max-width: 67.222rem;
	        margin-left: auto;
	        margin-right: auto;
	        margin-top: 1rem;
	        margin-bottom: 5rem;
	        color: var(--Page_Text_Color);
		}
		.Container H1.PageTitle {
			font-size: 3.6rem;
			font-family: var(--Font_Title);
			font-weight: 100;
			margin-bottom: 2rem;
			margin-top: 1rem;
			cursor: default;
		}
		.Container > .DescriptionBox {
			padding: 1rem 2rem;
	        background: #ededed;
	        border-radius: 1rem;
	        width: 100%;
	        max-width: 71.222rem;
	        margin-bottom: 1rem;
		}
		.Container > .DescriptionBox > .Description {
			font-family: var(--Font_Text);
			font-size: 0.9rem;
			cursor: default;
		}
		.Container > .DescriptionBox > .Description.Two {
			margin-top: 1rem;
			padding-top: 0rem;
		}
		.ElencoEventi {
			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;
		}
		#HeaderMenu > ul > li:first-child > A {
			color: var(--Palette1); !important;
		}
		.DescriptionBox > .Description > hr {
			border: none;
    		border-top: 0.1rem dashed var(--Palette2dark);
    		margin: 0.8rem 0rem;
		}
		.DescriptionBox > .Description > a {
			text-decoration: none;
			color: var(--Palette1);
			font-weight: 700;
        	font-size: 1.2rem;
        	line-height: 2rem;
        	transition: all 0.2s ease;
		}
		.DescriptionBox > .Description > a:hover {
			color: var(--Palette2dark);
		}


		.Container > .formBox {
			padding: 1rem;
	        padding-left: 3rem;
	        padding-right: 1rem;
	        background: #ededed;
	        border-radius: 1rem;
	        width: 100%;
	        max-width: 67.222rem;
	        margin-bottom: 3rem;
	        margin-top: 3rem;
		}
		.Container > .formBox > form > div > .formTitle {
			font-family: var(--Font_Title);
	        margin: 0.5rem 1rem;
	        font-size: 1.6rem;
	        width: 90%;
	        position: relative;
	        padding-left: 1.5rem;
	        text-transform: uppercase;
		}
		.Container > .formBox > form > div > .formTitle > i {
			position: absolute;
		    left: -1rem;
		    top: 0.4rem;
		}
		.Container > .formBox > form > div > h3 {
			font-family: var(--Font_Title);
		    font-weight: 400;
		    font-size: 1.3rem;
		    margin-top: 0.5rem;
		}
		.formBox > form > .formRow {
			display: flex;
		    flex-direction: column;
		    align-items: flex-start;
		    width: 100%;
		    margin-bottom: 0.7rem;
		}
		.formBox > form > .formRow > label {
			font-family: var(--Font_Title);
		    font-size: 0.9rem;
		    font-weight: 600;
		}
		.formBox > form > .formRow > input {
			width: 90%;
	        height: 2rem;
	        margin-top: 0.5rem;
	        font-family: var(--Font_Text);
	        border: none;
	        border-radius: 1rem;
	        font-size: 0.9rem;
	        padding: 0rem 1rem;
		}
		.formBox > form > .formRow > input:focus {
			outline: 0.2rem solid var(--Palette1);
		}
		.formBox > form > .formRow > .formRowNum {
			margin-top: 0.5rem;
	        display: flex;
	        flex-direction: row;
	        align-items: center;
		}
		.formRow > .formRowNum > div > #prefix {
			height: 2rem;
		    border: none;
		    border-radius: 1rem;
		    padding: 0rem 1rem;
		    font-family: var(--Font_Text);
		    width: 3rem;
		    margin-right: 0.2rem;
		}
		.formRow > .formRowNum > div > #number {
			height: 2rem;
		    border: none;
		    border-radius: 1rem;
		    padding: 0rem 1rem;
		    font-family: var(--Font_Text);
		    min-width: 15rem;
		}
		.formRow > .formRowNum > div > input:focus {
			outline: 0.2rem solid var(--Palette1);
		}
		.formBox > form > .formRow > div > p {
			font-family: var(--Font_Condensed);
			font-size: 0.9rem;
			font-weight: 100;
		}
		.formBox > form > .formPrivacy {
			font-family: var(--Font_Text);
			margin-bottom: 1rem;
		}
		.formBox > form > .formPrivacy > label {
			margin-bottom: 1rem;
			font-weight: 600;
		}
		.formBox > form > .formPrivacy > .checkPrivacy {
			margin-top: 0.5rem;
		}
		.formBox > form > .formPrivacy > .checkPrivacy > label > input {
			width: 2rem;
		}
		.formBox > form > .formButton > button {
			border: none;
			background: var(--Palette1);
			color: #ffffff;
			width: 12rem;
			height: 3.5rem;
			margin-top: 1rem;
			border-radius: 5rem;
			text-transform: uppercase;
			font-family: var(--Font_Text);
			font-size: 1.5rem;
			cursor: pointer;
			font-weight: 600;
			margin-bottom: 1.5rem;
			transition: all 0.2s ease;
		}
		.formBox > form > .formButton > button:hover {
			background: var(--Palette1dark);
		}

		.Container > .DescriptionBox.Two {
			margin-bottom: 2.5rem;
			margin-top: 1rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 7.5rem;
		}
		.Container > .DescriptionBox.Two > .Description {
			font-size: 1.1rem;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
		.DescriptionBox.Two > .Description > .DescButton {
			text-decoration: none;
	        margin-top: 1rem;
	        margin-right: 0rem;
	        background: var(--Palette1);
	        color: #ffffff;
	        padding: 0.5rem 3.5rem;
	        border-radius: 0.4rem;
	        font-size: 1.5rem;
	        font-weight: 600;
	        transition: all 0.2s ease;
		}
		.DescriptionBox.Two > .Description > .DescButton:hover {
			color: #ffffff;
			background: var(--Palette2dark);
		}


	}