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

		.Container {
			background-image: url("/images/backgroundMobile.jpg");
			margin-left: auto;
		    margin-right: auto;
		    margin-top: 8rem;
		    margin-bottom: 2.9rem;
		    padding-top: 3rem;
		    flex-direction: column;
		    align-items: center;
		    display: flex;
			max-width: none;
			max-height: none;
		    width: 100%;
		    height: auto;
		    background-attachment: fixed;
		    background-size: cover;
		    justify-content: center;
		}
		.Container H1.PageTitle {
		    margin-bottom: 1.5rem;
		    width: 90%;
		    text-align: center;
		    background: var(--Palette1);
		    padding: 1rem 0.5rem;
		    color: var(--Palette3);
		    box-shadow: 5px 5px 23px rgba(0.4, 9.8, 9.2, 1.5);
		    font-weight: 600;
		    border-radius: 0.5rem;
		    font-family: var(--Font_Title);
		    font-size: 1.9rem;
		}
		.Container >.innerContainer {
			display: flex;
			flex-direction: column;
    		justify-content: space-evenly;
    		width: 95%;
    		height: auto;
    		padding-bottom: 1rem;
    		align-items: center;
		}
		.Container >.innerContainer > .leftBox {
			display: flex;
		    flex-direction: column;
		    align-items: flex-start;
		    width: 90%;
		    min-height: 39rem;
		    height: auto;
		    background: rgba(0, 0, 0, 0.89);
		    backdrop-filter: blur(5px);
		    padding: 1rem;
		    border-radius: 0.7rem;
		    margin-bottom: 3rem;
		    padding-bottom: 3rem;
		    padding-left: 1.5rem;
		}
		.innerContainer > .leftBox > .newsLetterText {
			color: var(--Palette3);
    		margin-bottom: 1.5rem;
		    font-family: var(--Font_Title);
		    font-size: 1.5rem;
		    padding-top: 0.5rem;
		}
		.innerContainer > .leftBox > label {
			color: var(--Palette3);
		    margin-bottom: 1rem;
		    font-size: 0.9rem;
		    width: 95%;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    font-weight: 700;
		    text-transform: uppercase;
		}
		.innerContainer > .leftBox > label > input {
			margin-left: 0rem;
			margin-right: 0rem;
		    border-radius: 0.3rem;
		    border: none;
		    height: 3rem;
		    width: 100%;
		    margin-top: 0.4rem;
		    padding: 0rem 1.5rem;
		}
		.innerContainer > .leftBox > .captchaCont {
			margin-bottom: 2.3rem;
			margin-top: 1.3rem;
			scale: 0.8;
		    position: relative;
		    right: 1.5rem;
		}
		.innerContainer > .leftBox > .proceedButton {
			background: var(--Palette1);
		    color: var(--Palette3);
		    text-align: center;
		    width: 90%;
		    height: 2rem;
		    padding: 1rem;
		    font-size: 1.7rem;
		    padding-top: 0.7rem;
		    text-transform: uppercase;
		    font-weight: 700;
		    border-radius: 0.4rem;
		    margin-top: 0.5rem;
		    cursor: pointer;
		}
		.innerContainer > .leftBox > .proceedButton:active {
			box-shadow: inset 3px 6px 23px rgba(-48.6, 0.8, 1.2, 0.5);
		}
		.innerContainer > .leftBox > .ResponseError {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: var(--Palette1);
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .leftBox > .ResponseError > i {
			margin-right: 0.7rem;
			font-size: 1rem;
		}
		.innerContainer > .leftBox > .ResponseOk {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: #4caf50;
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .leftBox > .ResponseOk > i {
			margin-right: 0.7rem;
			font-size: 1rem;
		}

		.Container >.innerContainer > .rightBox {
			display: none;
		    flex-direction: column;
		    align-items: flex-start;
		    width: 90%;
		    min-height: 35rem;
		    height: auto;
		    background: rgba(0, 0, 0, 0.89);
		    backdrop-filter: blur(5px);
		    padding: 1rem;
		    border-radius: 0.7rem;
		    margin-bottom: 3rem;
		    padding-bottom: 3rem;
		    padding-left: 1.5rem;
		}
		.innerContainer > .rightBox > .assistenzaText {
			color: var(--Palette3);
    		margin-bottom: 1.5rem;
		    font-family: var(--Font_Title);
		    font-size: 1.5rem;
		    padding-top: 0.5rem;
		}
		.innerContainer > .rightBox > label {
			color: var(--Palette3);
		    margin-bottom: 1rem;
		    font-size: 0.9rem;
		    width: 95%;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    font-weight: 700;
		    text-transform: uppercase;
		}
		.innerContainer > .rightBox > label > input {
			margin-left: 1rem;
			margin-right: 1rem;
		    border-radius: 0.3rem;
		    border: none;
		    height: 3rem;
		    width: 100%;
		    margin-top: 0.4rem;
		}
		.innerContainer > .rightBox > .captchaCont {
			margin-bottom: 2.3rem;
			margin-top: 1.3rem;
		}
		.innerContainer > .rightBox > .proceedButton {
			background: var(--Palette1);
		    color: var(--Palette3);
		    text-align: center;
		    width: 90%;
		    height: 2rem;
		    padding: 1rem;
		    font-size: 1.7rem;
		    padding-top: 0.7rem;
		    text-transform: uppercase;
		    font-weight: 700;
		    border-radius: 0.4rem;
		    margin-top: 0.5rem;
		    cursor: pointer;
		}
		.innerContainer > .rightBox > .proceedButton:active {
			box-shadow: inset 3px 6px 23px rgba(-48.6, 0.8, 1.2, 0.5);
		}
		.innerContainer > .rightBox > .ResponseError {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: var(--Palette1);
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .rightBox > .ResponseError > i {
			margin-right: 0.7rem;
			font-size: 1rem;
		}
		.innerContainer > .rightBox > .ResponseOk {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: #4caf50;
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .rightBox > .ResponseOk > i {
			margin-right: 0.7rem;
			font-size: 1rem;
		}


	}

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

		.Container {
			margin-left: auto;
		    margin-right: auto;
		    margin-top: 7rem;
		    margin-bottom: 0rem;
		    padding-top: 3rem;
		    flex-direction: column;
		    align-items: center;
		    display: flex;
			max-width: none;
			max-height: none;
		    width: 100%;
		    height: auto;
		    background-image: url("/images/background3.jpg");
		    background-attachment: fixed;
		    background-size: cover;
		    justify-content: center;
		}
		.Container > .PageTitle {
		    display: block !important;
		    margin: 0 !important;
		    margin-bottom: 2rem !important;
		    line-height: 1em !important;
		    font-size: 3rem !important;
		    font-weight: 600 !important;
		    color: var(--Palette3) !important;
		    text-align: center !important;
		    background: var(--Palette1) !important;
		    width: 40rem !important;
		    padding: 1.5rem 0rem !important;
		    box-shadow: 5px 5px 23px rgba(0.4, 9.8, 9.2, 1.5);
		    border-radius: 0.5rem;
		    font-family: var(--Font_Title) !important;
		}
		.Container >.innerContainer {
			display: flex;
			flex-direction: row;
    		justify-content: space-evenly;
    		width: 95%;
		}
		.Container >.innerContainer > .leftBox {
			display: flex;
		    flex-direction: column;
		    align-items: center;
		    width: 50%;
		    min-height: 32rem;
		    height: auto;
		    background: rgba(0, 0, 0, 0.89);
		    backdrop-filter: blur(5px);
		    margin: 1rem;
		    padding: 2rem;
		    border-radius: 0.7rem;
		    margin-bottom: 3rem;
		    padding-bottom: 3rem;
		}
		.innerContainer > .leftBox > .newsLetterText {
			color: var(--Palette3);
    		margin-bottom: 1.5rem;
		    font-family: var(--Font_Title);
		    font-size: 1.5rem;
		    padding-top: 0.5rem;
		}
		.innerContainer > .leftBox > label {
			color: var(--Palette3);
		    margin-bottom: 1rem;
		    font-size: 0.9rem;
		    width: 95%;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    font-weight: 200;
		    text-transform: uppercase;
		}
		.innerContainer > .leftBox > label > input {
			margin-left: 0rem;
			margin-right: 0rem;
		    border-radius: 0.3rem;
		    border: none;
		    height: 2rem;
		    width: 100%;
		    margin-top: 0.4rem;
		    padding: 0rem 1.5rem;
		}
		.leftBox > .NewsletterPlus {
			flex-wrap: nowrap !important;
			margin-bottom: 2rem !important;
    		margin-top: 0.5rem !important;
		}
		.leftBox > .NewsletterPlus > #Newsletter {
			margin-left: 0rem;
		    margin-right: 1rem;
		    width: 3rem;
		}
		.innerContainer > .leftBox > .captchaCont {
			margin-bottom: 1.3rem;
			margin-top: 1.3rem;
		}
		.innerContainer > .leftBox > .proceedButton {
			background: var(--Palette1);
		    color: var(--Palette3);
		    text-align: center;
		    width: 90%;
		    height: 2rem;
		    padding: 1rem;
		    font-size: 1.7rem;
		    padding-top: 0.7rem;
		    text-transform: uppercase;
		    font-weight: 700;
		    border-radius: 0.4rem;
		    margin-top: 0.5rem;
		    cursor: pointer;
		}
		.innerContainer > .leftBox > .proceedButton:hover {
			box-shadow: inset 3px 6px 23px rgba(-48.6, 0.8, 1.2, 0.5);
		}
		.innerContainer > .leftBox > .ResponseError {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: var(--Palette1);
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .leftBox > .ResponseError > i {
			margin-right: 0.3rem;
			font-size: 1rem;
		}
		.innerContainer > .leftBox > .ResponseOk {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: #4caf50;
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .leftBox > .ResponseOk > i {
			margin-right: 0.3rem;
			font-size: 1rem;
		}

		.Container >.innerContainer > .rightBox {
			display: none;
		    flex-direction: column;
		    align-items: flex-start;
		    width: 30%;
		    min-height: 39rem;
		    height: auto;
		    background: rgba(0, 0, 0, 0.89);
		    backdrop-filter: blur(5px);
		    margin: 1rem;
		    padding: 2rem;
		    border-radius: 0.7rem;
		    margin-bottom: 3rem;
		    padding-bottom: 3rem;
		}
		.innerContainer > .rightBox > .assistenzaText {
			color: var(--Palette3);
    		margin-bottom: 2.5rem;
		    font-family: var(--Font_Title);
		    font-size: 1.5rem;
		    padding-top: 1.5rem;
		}
		.innerContainer > .rightBox > label {
			color: var(--Palette3);
		    margin-bottom: 2rem;
		    font-size: 0.9rem;
		    width: 95%;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    font-weight: 200;
		}
		.innerContainer > .rightBox > label > input {
			margin-left: 1rem;
			margin-right: 1rem;
		    border-radius: 0.3rem;
		    border: none;
		    height: 2rem;
		    width: 100%;
		    margin-top: 0.4rem;
		}
		.innerContainer > .rightBox > .captchaCont {
			margin-bottom: 0.1rem;
			margin-top: 0.5rem;
		}
		.innerContainer > .rightBox > .proceedButton {
			background: var(--Palette1);
		    color: var(--Palette3);
		    text-align: center;
		    width: 90%;
		    height: 2rem;
		    padding: 1rem;
		    font-size: 1.7rem;
		    padding-top: 0.7rem;
		    text-transform: uppercase;
		    font-weight: 700;
		    border-radius: 0.4rem;
		    margin-top: 1.5rem;
		    cursor: pointer;
		}
		.innerContainer > .rightBox > .proceedButton:hover {
			box-shadow: inset 3px 6px 23px rgba(-48.6, 0.8, 1.2, 0.5);
		}
		.innerContainer > .rightBox > .ResponseError {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: var(--Palette1);
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .rightBox > .ResponseError > i {
			margin-right: 0.3rem;
			font-size: 1rem;
		}
		.innerContainer > .rightBox > .ResponseOk {
			width: 100%;
		    text-align: center;
		    margin-bottom: 0.5rem;
		    color: #ffffff;
		    background: #4caf50;
		    text-transform: uppercase;
		    font-size: 0.9rem;
		    font-weight: 700;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 0.2rem;
		}
		.innerContainer > .rightBox > .ResponseOk > i {
			margin-right: 0.3rem;
			font-size: 1rem;
		}









	}