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

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

.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; }

	.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; }
}