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

		.Container {
	        display: block;
	        max-width: 92vw;
	        margin-left: auto;
	        margin-right: auto;
	        margin-top: 11rem;
	        margin-bottom: 2rem;
	        color: var(--Page_Text_Color);
		}
		.Container .Scadenza {
			display:block;
			line-height: 1.5em;
			font-size:1.2rem;
			font-style: italic;
			margin-bottom: 1rem;
		}
		.Container .Testo {
			font-size: 1.3rem;
			line-height: 1.6em;
		}
		.Container .Testo A {
			color:var(--Palette1);
			text-decoration: underline;
		}
		.Container .Testo P {
			margin:0;
			padding: 0;
			margin-bottom: 1rem;
		}
		.Container .Testo H4 {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1.6rem;
			font-weight: 900;
			margin-bottom: 0.5rem;
		}

		.Container .Prezzi {
			display:block;
		}
		.Container .Prezzi .Prezzo {
        	font-size: 1.3rem;
        	line-height: 1.6em;
        	display: block;
        	margin-bottom:2rem;
		}
		.Container .ButtonProceed {
			display: block;
			width:92vw;
			line-height: 5rem;
			font-size: 1.8rem;
			font-weight: bold;
			background-color: var(--Palette1);
			color: #ffffff;
			text-align: center;
			-webkit-border-radius: 0.3rem;
			-moz-border-radius: 0.3rem;
			border-radius: 0.3rem;
			text-transform:uppercase;
			text-decoration: none;
		}
		.Container .ButtonProceed:HOVER {
			cursor: pointer;
			background-color: var(--Palette1dark);
		}
		#Abbo {
			margin-top: 2rem;
		}
		#Abbo .DatesTable .Row:first-child{
			font-weight: 800;
		}
		#Abbo .DatesTable .Row {
			line-height: 3.5rem;
			font-size: 1.5rem;
			display: grid;
			grid-template-columns: 12.5rem 7rem 6rem;
		}
		#Abbo .DatesTable .Row #Quantita {
			text-align: center;
		}
		#Abbo .DatesTable .Row #Quantita .DropDown select {
			font-size: 1.5rem;
		}
		#Abbo .DatesTable .LastRow {
			margin-top: 1rem;
		}
		#Abbo .DatesTable .LastRow #Totale {
			font-size: 2rem;
    		font-weight: 800;
		}
		#Abbo .DatesTable .LastRow #TotaleTariffa {
			font-size: 1.5rem;
    		font-weight: 400;
		}
	}

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

		.PageImage {
			text-align: center;
        	display: inline-block;
			width: 100%;
			height: 22rem;
			overflow: hidden;
			margin-top: 5rem;
		}
		.PageImage IMG {
			height: 15.3rem;
			width:auto;
		}
		.Container {
		    margin-top: 7rem;
		}
		.Container .Scadenza {
			display:block;
			line-height: 1.5em;
			font-size:1.2rem;
			font-style: italic;
			margin-bottom: 1rem;
		}
		.Container .Testo {
			font-size: 1.1rem;
			line-height: 1.6em;
		}
		.Container .Testo A {
			color:var(--Palette1);
			text-decoration: underline;
		}
		.Container .Testo P {
			margin:0;
			padding: 0;
			margin-bottom: 1rem;
		}
		.Container .Testo H4 {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1.6rem;
			font-weight: 900;
			margin-bottom: 0.5rem;
		}

		.Container .Prezzi {
			display:grid;
			grid-template-columns: auto 17rem;
		}
		.Container .Prezzi .Prezzo {
        	font-size: 1.1rem;
        	line-height: 1.6em;
		}


	    .Container .DatesTable {
	        display: block;
	        margin-top: 0.5rem;
			position: relative;
	    }
	    .Container .DatesTable .Row {
	        display: grid;
	        grid-template-columns: 10rem 7rem 7rem;
	        font-size: 1.1rem;
	        line-height: 2.5rem;
	        color: #656565;
	        font-family: var(--Font_Text);
	    }
		.Container .DatesTable .Row SPAN {
			display: block;
			text-align: center;
			line-height: 2.5rem;
			height: 2.5rem;
		}
		.Container .DatesTable .Row SPAN:first-of-type {
			text-align: left;
		}
		.Container .DatesTable .Row SPAN:last-of-type {
			text-align: right;
		}
		.Container .DatesTable .Row:first-of-type SPAN {
			font-size: 0.9rem;
			text-transform: uppercase;
			font-weight: 800;
		}
		.Container .DatesTable .LastRow {
			position: absolute;
    		bottom: -4.2rem;
		}
		.Container .DatesTable .LastRow #Totale {
			font-weight: 800;
			color: #656565;
			font-size: 1.8rem;
		}
		.Container .DatesTable .LastRow #TotaleTariffa {
			color: #656565;
    		font-size: 1.4rem;
		}
		.Container .DatesTable SPAN .DropDown {
		    margin: 0px;
		    padding: 0px;
		    display: inline-block;
		    background-color: #ffffff;
		    border: 1px solid #a1a1a1;
		    white-space: nowrap;
		    -webkit-border-radius: 0.3em;
		    -moz-border-radius: 0.3em;
		    border-radius: 0.3em;
		    box-sizing: border-box;
		    width: 5rem;
		    font-size: 1.1rem;
		    height: 2.1rem;
		    margin-top:0.2rem;
		    margin-bottom:0.2rem;
		}
		.Container .DatesTable SPAN .DropDown SELECT {
		    margin: 0px;
		    padding: 0px;
		    border:0;
		    font-size: 1.1rem;
		    margin-left: 0.2em;
		    height: 2.1rem;
		    line-height: 2.1rem;
		    font-size: 1.2em;
		    font-weight: 300;
		    background-color: transparent;
			color: #666666;
			display: block;
			outline: none;
			box-shadow: none;
			width: calc(100% - 0.2em);
		}
.Forms .FormDropDown SELECT {
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 1.6em;
    line-height: 1.6em;
    font-size: 1em;
    margin: 0.1em;
    margin-left: 0.1em;
    color: #666666;
    display: block;
    background-color: #ffffff;
    outline: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: calc(100% - 0.2em);
}


		.Container .ButtonProceed {
			display: block;
			width:17rem;
			height: 4rem;
			line-height: 4rem;
			font-size: 1.6rem;
			font-weight: bold;
			background-color: var(--Palette1);
			color: #ffffff;
			float:right;
			text-align: center;
			-webkit-border-radius: 0.3rem;
			-moz-border-radius: 0.3rem;
			border-radius: 0.3rem;
			text-transform:uppercase;
			text-decoration: none;
		}
		.Container .ButtonProceed:HOVER {
			cursor: pointer;
			background-color: var(--Palette1dark);
		}

	}