/* === Page Sections ===*/

.page-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.ps-row {
	width: calc((100vw - 768px) * 748 / 1032 + 612px); /* 1360 -> 612 @1800 -> 768*/
	display: flex;
	align-items: center;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding-top:  calc((100vw - 768px) * 44 / 1032 + 36px); /* 80 -> 36 @1800 -> 768*/
	padding-bottom:  calc((100vw - 768px) * 71 / 1032 + 59px); /* 130 -> 59 @1800 -> 768*/
}

/* == Section Text ==*/

.ps-title-bold  {
	font-family: RobotoCondBold;
	font-size: calc((100vw - 768px) * 49 / 1032 + 41px); /* 90 ->41 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 49 / 1032 + 41px); /* 90 ->41 @1800 -> 768*/
}
.ps-title-bold:lang(tc), .ps-title-bold:lang(sc){
	line-height: calc((100vw - 768px) * 55 / 1032 + 45px); /* 100 ->45 @1800 -> 768*/
}
.ps-title-light {
	font-family: RobotoCondLight;
	font-size: calc((100vw - 768px) * 33 / 1032 + 27px); /* 60 ->27 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 37 / 1032 + 31px); /* 68 -> 31 @1800 -> 768*/
}
.ps-desc {
	font-family: RobotoLight;
	font-size: calc((100vw - 768px) * 12 / 1032 + 9px); /* 21 ->9 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 16 / 1032 + 13px); /* 29 -> 13 @1800 -> 768*/
	margin-top: calc((100vw - 768px) * 8 / 1032 + 7px); /* 15 -> 7 @1800 -> 768*/
}


/* ===Page Banners ===*/

.page-banner {
	width: 100%;
	height: calc((100vw - 768px) * 516 / 1032 + 384px); /* 900 -> 384 @1800 -> 768*/
	display: flex;
	align-items: center;
}
.page-intro {
	width: calc((100vw - 768px) * 256 / 1032 + 209px); /* 465 -> 209 @1800 -> 768*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}



/*###### RESPONSIVE ######*/

@media only screen and (max-width: 768px) {
	
	.ps-row {
		max-width: 85%;
		width: calc((100vw - 425px) * 258 / 343 + 360px); /* 618-> 360 @768 -> 425*/
		padding-top:  calc((100vw - 425px) * 10 / 343 + 38px); /* 48 -> 38 @768 -> 425*/
		padding-bottom:  calc((100vw - 425px) * 16 / 343 + 62px); /* 78 -> 62 @768 -> 425*/
	}
	
	/* Section Text */
	

	.ps-title-bold  {
		font-size: calc((100vw - 425px) * 22 / 343 + 32px); /* 54 ->32 @768 -> 425*/
		line-height: calc((100vw - 425px) * 22 / 343 + 30px); /* 52 -> 30 @768 -> 425*/
	}
	.ps-title-light {
		font-size: calc((100vw - 425px) * 7 / 343 + 29px); /* 36 ->29 @768 -> 425*/
		line-height: calc((100vw - 425px) * 8 / 343 + 33px); /* 41 -> 33 @768 -> 425*/
	}
	.ps-desc {
		font-size: calc((100vw - 425px) * 3 / 343 + 10px); /* 13 ->10 @768 -> 425*/
		line-height: calc((100vw - 425px) * 3 / 343 + 14px); /* 17 -> 14 @768 -> 425*/
		margin-top: calc((100vw - 425px) * 2 / 343 + 7px); /* 9 -> 7 @768 -> 425*/
	}

	/* Page Banners */

	.page-banner {
		height: calc((100vw - 425px) * -41 / 343 + 425px); /* 384 -> 425 @768 -> 425*/
		padding-left: calc((100vw - 425px) * 75 / 343 + 0px); /* 75 -> 0 @768 -> 425*/
		padding-right: calc((100vw - 425px) * 54 / 343 + 0px); /* 54 -> 0 @768 -> 425*/
	}
	.page-intro {
		width: calc((100vw - 425px) * -22 / 343 + 300px); /* 278 -> 300 @768 -> 425*/
	}


}