.pageMainSection { 
	--marginLeftSmall: 5vw;
	--marginRightSmall: 5vw;
	--marginLeftBig: 15vw;
	--marginRightBig: 15vw;
	--articleWidth: calc( ( 100vw - (var(--pageMainSectPaddingRight) + var(--pageMainSectPaddingLeft)) )*0.46 );
	background-image: linear-gradient(45deg, rgba(var(--pageBckGndColorRed), var(--pageBckGndColorGreen), var(--pageBckGndColorBlue), 0.7), 10%, 
	rgba(var(--ToColorRed), var(--ToColorGreen), var(--ToColorBlue), 0.7) ), url('../data/cielo.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.pageMainSection > div:nth-child(odd) {
	box-shadow: 0 0 2vmin 1vmin rgb(0,0,0); 
	background-image: none;
}

/* .pageMainSection > div:nth-of-type(5) {
	margin-left: var(--marginLeftSmall);
} */

article {
	/* background-image: url('../data/frame.svg'); */
	color: ivory;
}

article h2 {
	border-block-end: rgb(var(--headerTitleBckGndColorRed), var(--headerTitleBckGndColorGreen), var(--headerTitleBckGndColorBlue)) 
	4px solid;
	border-block-end: black 4px solid;
	color: black;
	text-shadow: 0px 0px 5px white;
}

article h2::first-letter {
	initial-letter: 2 1;
	-webkit-initial-letter: 2 1;
}

article p::first-letter {
	initial-letter: 3 2;
	-webkit-initial-letter: 4 2;
	color: grey;
	text-shadow: 0px 0px 5px beige;
}

article strong {
color: rgb(136, 8, 8);
color: rgb(74, 4, 4);
text-shadow: 0px 0px 5px beige;
}

.pageMainSection > div:nth-of-type(1) p {
	margin-right: 3.5vw;
}

.pageMainSection > div:nth-last-of-type(2) article {
	background-image: none;
}

/* #counseling article { */
.pageMainSection > div:nth-of-type(5) article {
	/* width: calc( var(--articleWidth) + var(--marginLeftBig) - var(--marginLeftSmall) );
	border-style: none; */
	color: beige;
}

.mainSectionContent__image {
	margin-bottom: calc( var(--marginTopBetween) * -1);
	margin-left: -7vw;
	width: calc( 100vw - ( var(--pageMainSectPaddingLeft) + var(--articleWidth) + var(--marginLeftSmall) + 
	var(--marginRightBig) + var(--pageMainSectPaddingRight) ) );
	min-height: var(--marginTopBetween);
	max-height: calc( var(--marginTopBetween) + 60% );
	object-fit: fill;
	filter: drop-shadow(4px -4px 2px rgb(0,0,0));
	opacity: 1.0;
	aspect-ratio: 2/1;
	z-index: 1;
	display: none;
}

.image_orient_mirrored {
	margin-left: 0vw;
	display: block;
}

.colonnato > img {
	filter: drop-shadow(-4px 4px 2px rgb(0,0,0));
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  PAGE EXTENSIONS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.article__img_theme_simbolo_futuro, .article__img_theme_simbolo_futuro_eng {
	/* #futuro {  */
	width: max(10vw, 64px);
	aspect-ratio: 3/2;
	/* float: left; */
	float: right;
	margin-top: 1em;
	padding-left: 1vmin;
	filter: none;
	opacity: 1;
}

.article__img_theme_simbolo_presente, .article__img_theme_simbolo_presente_eng {
	/* #presente { */
	width: max(12vw, 80px);
	aspect-ratio: 3/2;
	/* float: left; */
	float: right;
	margin-top: 1em;
	padding-left: 1vmin;
	/* object-fit: contain; */
	filter: none;
	opacity: 1;
} 

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  END PAGE EXTENSIONS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

@media screen and (orientation: portrait) {
	
	.pageMainSection > div:nth-of-type(5) {
		margin-left: 5%;
		margin-right: 5%;
}

	/* .pageMainSection > div:nth-of-type(5) > article {
		width: 100%;
	} */
	
	.mainSectionContent__image {
	position: static;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 15%;
	margin-left: 40%;
	width: 45%;
	aspect-ratio: 1 / 1;
	max-height: 100%;
	min-height: 0;
	filter: brightness(1.22);
	display: block;
}

/* #futuro, #presente {  */
.article__img_theme_simbolo_futuro, .article__img_theme_simbolo_futuro_eng, .article__img_theme_simbolo_presente, .article__img_theme_simbolo_presente_eng {
	margin-left: 0;
	/* float: left; */
}

/* #futuro {  */
.article__img_theme_simbolo_futuro, .article__img_theme_simbolo_futuro_eng {
	transform: translateX(-1vw);
	opacity: 0.8;
	opacity: 1;
	/* box-shadow: 0 0 5vmin rgb(249.4, 227, 230.2); */
	/* outline: 2px solid rgb(248, 220, 224); */ /*rgb(243.8, 199, 205.4)*/
	/* outline: 2px solid rgb(249.4, 227, 230.2);
	outline-offset: -2px; */
}