@charset "UTF-8";
/* CSS Document */

/* learners record */


/* iFrame */
/* ! HEIGHT, needs to be set here, as well as in the media queries */
.container {
	width: 92%;
	max-width: 800px;
	height: 95%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;	
}
.container iframe {
	background-color: slateblue;
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top: 0;
}



/* '''''''''''''''''media queries for iFrame containter ''''''''''''''''''''''''''''''''*/
/* media queries for responsive adjust of the HEIGHT of the iFrame for reduced widths */
/*@media screen and (min-width: 641px) {
	#containerBody {
		height: 95%;
		}
		.container {
		height: 100%;
		}
}
@media screen and (min-width: 320px) and (max-width: 640px) and (min-height: 800px) {		
		#containerBody {
		height: 80%;
		}
		.container {
		height: 100%;
		}
}
@media screen and (min-width: 320px) and (max-width: 568px) and (min-height: 800px) {
		#containerBody {
		height: 75%;
		}
		.container {
		height: 100%;
		}
	}
@media screen and (min-width: 320px) and (max-width: 480px) and (min-height: 800px) {
		#containerBody {
			height: 50%;
			}
		.container {
			height: 100%;
			}
}*/