@media all{
	* {
		padding: 0;
		margin: 0;
	}
	
	*,*:before,*:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing:border-box;
	}
	
	html,body {
		height: 100%;
	}
	
	body {
		padding: 20px;
	}
		
	iframe {
		display: block;
		border: none;
	}
	
	pre span {
		background: yellow;
	}
	
	.break {
		height: 20px;
		line-height: 20px;
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%; /* ratio 16x9 */
		height: 0;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
	}
	
	/* ratio 4x3 */
	.video-container.ratio4x3 {
		padding-bottom: 75%;
	}
	
	/* ratio 16x9 */
	.video-container.ratio16x9 {
		padding-bottom: 56.25%;
	}
	
	h2 {
		font-size: 15px;
		line-height: 20px;
	}
	
	p {
		font-size: 13px;
		line-height: 16px;
	}
	
	.break { margin: 0; padding: 0; font-size: 0; height: 10px; }
	
	ul { padding: 0 0 0 20px; margin: 0; }
	
	ul li { font-size: 14px; }
	
	
	span.code { 
		font-family: Courier;
		font-size: 12px;
		line-height: 12px;
		display: inline-block; 
		background: #e2e2e2;
		padding: 2px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}