html, body {
	font-family: 'Noto Serif', Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px; /* 85% */
	color: #000;
	background: none repeat scroll 0 0 #FFF;
}
.title {
	font-family: 'Noto Serif', Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000;
	font-weight: 700;
}
.paragraph {
	font-family: 'Noto Serif', Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #000;
	font-weight: 300;
	text-align: justify;
}
li { list-style-type: none; }
h1 { display: none; }
	
a.mylinks {
	font-family: 'Noto Serif', Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #000;
}
a.mylinks:hover {
	color: #f6d72b;
}
#content {
	position: absolute;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	height: 100%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}