body,html {
	
	margin: 0;
	padding: 0;
	font-size: 200%;
}

@media screen and (max-width: 640px) {
	iframe {
		height: 350px;
	}
}	

@media screen and (min-width: 1024px) {
	iframe {
		height: 750px;
	}
}	

@media screen and (min-width: 1200px) {
	iframe {
		height: 620px;
	}
}

@media screen and (min-width: 1400px) {
	iframe {
		height: 870px;
	}
}

@media screen and (max-width: 600px) {
	html {
		font-size: 25%;
	}
}	

@media screen and (min-width: 600px) {
	html {
		font-size: 33%;
	}
}	

@media screen and (min-width: 800px) {
	html {
		font-size: 45%;
	}
}

@media screen and (min-width: 1400px) {
	html {
		font-size: 66%;
	}
}

@media screen and (max-width: 800px) {
	header nav#normal {display: none;}
}

#sidebar {
	position:fixed;
	width:21%;
	height:100%;
	background-color:#ffffff;
	overflow:auto;
	
}

#sidebar ul li {
	color:#0088cc;
	list-style:none;
}