html,body{
	overflow:hidden;
	height:100%;
	-webkit-overflow-scrolling:touch
}

body{
	margin:0
}

#result-iframe-wrap{
	height:100%;
	height:calc(100% - 28px);
	overflow:auto;
	position:relative
}

#result{
	border:0;
	width:100%;
	height:100%;
	display:block
}

#codepen-footer,#codepen-footer *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#codepen-footer{
	position:fixed;
	bottom:-50px;
	left:0;
	width:100%;
	padding:0 10px;
	height:30px;
	color:#eeeeee;
	background-color:#505050;
	background:-webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));
	background:-webkit-linear-gradient(#505050, #383838);
	background:linear-gradient(#505050, #383838);
	border-top:1px solid black;
	border-bottom:1px solid black;
	-webkit-box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
	font:12px/30px "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif
}

#codepen-footer a{
	color:#a7a7a7;
	text-decoration:none;
	margin-right:6px
}

#codepen-footer a:hover{
	color:white
}

#footer-mini-logo{
	position:relative;
	top:4px
}

#footer-right{
	position:absolute;
	right:5px;
	top:0
}

@media (max-width: 600px){
	#footer-right{
		display:none
	}

}