html, body {
	display: block;	
	box-sizing: border-box; 	
	padding: 0;
	border: 0;
	color: #2a7aeb;
	background-color:#00012b;
	font-family: "Arial", "Lato-Light", "Times New Roman";	
	font-size: 1em;	
}

.topPicture { 
	float: top;
	margin-left: 5vw;
	margin-top: 5vw;
	background: url(iamMain.jpg) no-repeat ;		
	background-size: contain;
	height: 120mm;
}

.presentation { margin: auto; }

.staticBack { margin: 0; }

h1 { 
	font-family: "InknutAntiqua-Bold", "Georgia";	
	font-size: calc(7mm + 3vw);
	letter-spacing: -0.02em;
	line-height: 0.9;
	text-align: right;
	margin-top: -15mm;
	margin-right: 10vw;
}

h2 {		
	font-family: "Ranga-Regular";
	font-weight: 100;
	line-height: 0.9;
	font-size: calc(5mm + 1vw);
}

.firstcharacter {
	font-family: "Cinzel-Regular", "Times Roman", "Georgia";
	font-style: italic;
    font-size: 12mm;
	padding-top: 0px;
	padding-bottom: -20px;
	line-height: 0.5;	
	letter-spacing: -0.01em;
	color: #488f73;
}

.txtArea {	
	margin-left: 3mm;
	margin-right: 2mm;
	font-size: 5mm;
	line-height: 1.4;
	word-spacing: 0.1em;
	letter-spacing: 0em;
}

.txtInfo {	
	text-align: left;
	/* font-family: "Ranga-Regular"; */
	font-size: calc(4mm + 0.5vw);
	line-height: 2;
	word-spacing: 0.1em;
	letter-spacing: 0em;
}

.breakArea {
	content: ''; 		
	background: url(iamBreak.jpg) center fixed no-repeat;	
	background-size: contain;	
	height: 30mm;

	text-align: right;
	font-family: "Ranga-Regular";
	font-size: 5mm;
}

.breakAreaMe {
	content: ''; 		
	background: url(meReel.jpg) center fixed no-repeat;	
	background-size: contain;	
	height: 50mm;	
}

.youtube {
	position: relative;
	align-content: center;
	padding-top: 5vw;
	width: calc(50vw);
	height: calc(50vw * 0.56);
}

@media screen and (max-width: 800px) {

	/* .presentation { max-width: 600px; margin: auto; } */
	.staticBack { max-width: 600px; margin: auto; }

	.topPicture { height: 60mm; }

	.txtArea { font-family: "Lato-Light"; }

	.breakAreaMe {
		content: ''; 		
		background: url(meReel.jpg) center no-repeat;	
		background-size: contain;	
		height: 160mm;
	}

	.breakArea {
		content: ''; 		
		background: url(iamBreak.jpg) fixed;	
		background-size: contain;	
		height: 20mm;
	}
}

@media screen and (max-width: 1280px) and (min-width: 800px) {

	.firstcharacter { font-size: 18mm; }
	.staticBack { max-width: 800px; margin: auto; }
	.txtArea { font-size: 6mm; }
}

@media screen and (min-width: 1280px) {

	.firstcharacter {  font-size: 22mm; }
	.staticBack { max-width: 1024px; margin: auto; }
	.txtArea { font-size: 7mm; }
}