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

		#NewsContainer {
			margin: 14rem 1rem;
			min-height: 40rem;
	        max-width: 88.222rem;
	        color: var(--Page_Text_Color);
		}

		#NewsContainer #Title {
 			font-size: 2rem;
			color: #000;
			font-weight: 300;
		}

		#NewsContainer #Title, #NewsContainer #SubTitle {
			margin: 0;
			padding: 0;
			margin-bottom: 1rem;
		}

		#NewsContainer #SubTitle {
			font-size: 1rem;
			font-weight: 400;
			margin-bottom: 3rem;
		}

		#NewsContainer #ElencoNews .NewsBox {
			width: 20rem;
	        margin: auto;
	        text-decoration: none;
	        border-top: 1px solid black;
		}

		#NewsContainer #ElencoNews .NewsBox a {
			text-decoration: none;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox {
			margin-bottom: 2rem;
			display: grid;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .ImageContainer {
			padding-top: 2rem;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .ImageContainer .Image {
			width: 90vw;
			height: auto;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .Title {
			margin: 0;
			padding: 0;
			margin-top: 0.8rem;
			font-size: 0.95rem;
	        line-height: 1.17rem;
	        font-weight: 700;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .SubTitle {
	        font-family: Cardo serif;
			margin: 0;
			padding: 0;
			margin-top: 0.5rem;
			line-height: 1.17rem;
	        font-weight: 300;
	        letter-spacing: 0.022rem;
	        color: var(--Palette1light);
	        font-size: 1.04rem;
		}

	}

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

		#NewsContainer {
			margin: 10rem 9rem 0 9rem;
			min-height: 40rem;
	        max-width: 88.222rem;
	        color: var(--Page_Text_Color);
		}

		#NewsContainer #Title {
 			font-size: 2rem;
			color: #000;
			font-weight: 300;
		}

		#NewsContainer #Title, #NewsContainer #SubTitle {
			margin: 0;
			padding: 0;
			margin-bottom: 1rem;
		}

		#NewsContainer #SubTitle {
			font-size: 1rem;
			font-weight: 400;
			margin-bottom: 4rem;
		}

		#NewsContainer #ElencoNews{
	        display: inline-grid;
	        grid-template-columns: 1fr 1fr 1fr;
	        grid-column-gap: 1.5rem;

		}

		#NewsContainer #ElencoNews .NewsBox {
			align-content: center;
			text-decoration: none;
			border-top: 1px solid black;
		}

		#NewsContainer #ElencoNews .NewsBox a {
			text-decoration: none;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox {
			display: grid;
			text-align: center;
			justify-content: center;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .Title {
			margin: 0;
			margin: 1rem 0;
			padding: 0;
			font-size: 0.9rem;
	        line-height: 1.3rem;
	        font-weight: 700;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox .SubTitle {
			color: #000000;
			margin: 0;
			margin-bottom: 1rem;
			padding: 0;
			line-height: 1rem;
	        font-weight: 300;
	        letter-spacing: 0.022rem;
	        color: var(--Palette1light);
	        font-size: 1rem;
	        font-family: Cardo serif;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox i.fas.fa-arrow-right {
			width: auto;
 		    height: auto;
			margin-bottom: 1rem;
			color: #d21822;
		}

		#NewsContainer #ElencoNews .NewsBox a .TextBox i.fas.fa-arrow-right:hover:before {
			color: #000000;
		}

	}