/* OER CUSTOM STYLES */

#canvas {
	margin-top:100px;
	background:#eee;
	border:1px dashed #fff;
}

#oer_canvas {
	padding:30px;
}


.powerby {
	margin-top:30px;
}

#oer_help {
	margin-top:388px;
}

#oer_theory {
	margin-top:-504px;  /* change this with the actual total height */
}

#oer_application {
	margin-top:-208px; /* change this with the actual total height */
}

#oer_investigation {
	margin-top:-275px; /* change this with the actual total height */
	margin-bottom:0px;
}


#oer_application div {
	display:none;
}

#oer_application div.active, #oer_application div.navigation {
	display:block;
}

#oer_investigation div {
	display:none;
}

#oer_investigation div.active, #oer_investigation div.navigation {
	display:block;
}

#oer_theory:after, #oer_application:after, #oer_investigation:after {
	color:rgba(255, 255, 255, 0.2);
}



/* Fix Responsive View */

@media screen and (max-width: 1024px) {
	#oer_canvas {
		height:660px;
	}
}

@media screen and (max-width: 768px) {
	#oer_help {
		margin-top:320px;
	}
	#oer_canvas {
		height:600px;
	}
}


@media screen and (max-width: 425px) {
	#oer_help {
		margin-top:80px;
	}
	#oer_canvas {
		height:350px;
	}
	#oer_theory {
		margin-top: 60px;
	}
	#oer_application {
		margin-top: -1030px;
	}
	#oer_investigation {
		margin-top: -350px;
	}

}