
html, body {
	display: block;	
	box-sizing: border-box; 	
	padding: 0;
	border: 0;
	color: #fcc742;
	background-color: black;
	font-family: "Times New Roman";	
	font-size: 1em;	
}

.topPicture {						
	background-image: url(cungseeMain.jpg);
	content: '';
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: calc(25mm + 35vw);
}

.presentation { margin: 0; }

.staticBack { 
	margin: 0; 
}

h1 { 
	font-family: "InknutAntiqua-Bold", "Georgia";
	font-size: calc(5mm + 2vw);
	letter-spacing: -0.01em;
	line-height: 0.9;
	text-align: center;
	color: #8265a7;
	margin-top: calc(-0mm - 8vw);
	margin-right: 1vw;
}
.firstcharacter {
	font-family: Georgia;
	font-size: calc(4mm + 2vw);
	color: #8265a7;
}

.txtArea {	
	font-size: 5.5mm;
	line-height: 1.2;
	word-spacing: 0.1em;
	letter-spacing: 0em;
	width: 80%;
	height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.breakArea {
	background: url(cungseeMain.jpg) center fixed no-repeat;		
	background-size: 50% 50%;
	/* background-size: contain; */
	height: 25mm;
	text-align: right;
	
}

.breakBalance {
	background: url(cungseeBalance.jpg) repeat fixed;		
	background-size: contain;
	background-position: center;
	height: 40mm;	
}

.breakThoibi {
	background: url(cungseeThoibi.jpg) repeat fixed;		
	background-size: contain;
	background-position: center;
	height: 40mm;	
}

@media screen and (max-width: 800px) {
	.presentation { max-width: 600px; margin: auto; }
	.txtArea { font-weight: 100; width: 100%;}
	.breakThoibi { height: 60mm;}
}

@media screen and (max-width: 1280px) and (min-width: 800px) {
	.presentation { max-width: 800px; margin: auto; }
	.txtArea { font-size: 6mm; }
	.breakArea { font-size: 7mm; }
}

@media screen and (min-width: 1280px) {
	.presentation { max-width: 1024px; margin: auto; }
	.txtArea { font-size: 7mm; }
	.breakArea { font-size: 9mm; }
}