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

.topPicture {						
	background-image: url(sense.jpg);
	content: '';	
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	height: calc(25mm + 25vw);
}

.presentation { margin: 0; }

.staticBack { margin: 0; }

h0 { 
	font-family: "Rokkitt-SemiBold";	
	font-size: calc(5mm + 3vw);
	letter-spacing: -0.01em;
	line-height: 0.8;
	text-align: right;
	margin-top: calc(-5mm - 7vw);
	margin-right: 5vw;
}

h1Sub {
	font-size: calc(3mm + 2vw);
}


h1 { 
	font-family: "Cinzel-Regular", "Georgia";	
	font-size: calc(10mm + 2vw);
	letter-spacing: -0.01em;
	line-height: 0.9;
	text-align: center;
	margin-top: calc(5mm + 1vw);
	margin-right: 1vw;
}

h2 {		
	font-family: "Ranga-Regular";
	font-weight: 100;
	line-height: 0.9;
	font-size: calc(4mm + 1.5vw);
	text-align: center;
}

h3 {		
	font-family: "Ranga-Regular";
	font-weight: 100;
	line-height: 0.9;
	text-align: right;
	font-size: calc(5mm + 1vw);
	padding-top: 3vw;
	padding-right: 3vw;
}

.firstcharacter {
    color: (196, 134, 0);
    font-family: Georgia;
    font-size: 12mm;
	padding-top: 0px;
	padding-bottom: -20px;
	line-height: 0.5;	
	letter-spacing: -0.1em;
	color: rgb(168, 54, 9);
}

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

.thoughtExperiment {
	font-style: italic;
	text-align: center;
}

.breakArea {
	background: url(sense.jpg) repeat fixed;		
	background-size: contain;
	height: 20mm;
	text-align: right;
	font-family: "Ranga-Regular";
	font-size: 5mm;
}

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

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

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

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

	.presentation { max-width: 800px; margin: auto; }

	.firstcharacter { font-size: 18mm; }
	
	.txtArea { font-size: 6mm; }

	.breakArea { font-size: 7mm; }

	.topPicture {						
		margin-right: 40mm;
		margin-left: 40mm;
		height: calc(25mm + 23vw);
	}
}

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

	.presentation { max-width: 1024px; margin: auto; }

	.firstcharacter {  font-size: 22mm; }
	
	.txtArea { font-size: 7mm; }

	.breakArea { font-size: 9mm; }

	.topPicture {						
		margin-right: 70mm;
		margin-left: 70mm;
		height: calc(25mm + 22vw);
	}
}