#mon-screen{
	color:#0f0;
	text-align:center;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	/*border:1px solid #0f0;*/
	border-radius:16px 16px 16px 16px;
}
#mon-o{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:660px;
	padding:30px;
	background-color:#555;
	border-radius:16px 16px 16px 16px;
}
.cb{
	display:block;
	background-color:#ccc;
	border-radius:8px 8px 8px 8px;
	width:16px;
	height:16px;
	position:absolute;
	bottom:8px;
}

#cb1{
	right:50px;
}
#cb2{
	right:80px;
}
.s-ped{
	position:relative;
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:60px;
	height:100px;
	background-color:#555;
}
.s-foot{
	position:relative;
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:300px;
	height:20px;
	background-color:#555;
	border-radius:10px 10px 20px 20px;
}
body{
		padding:10px;
		padding-top:41px;
		padding-bottom:60px;
}
#mon-screen h1{
	font-size:45px;
	margin:0px;
	line-height:100%;
	overflow:hidden;
}
#mon-screen p{
	font-size:25px;
}

@media screen and (max-width:679px){
	#cb2, .s-ped, .s-foot{display:none;}
	#cb1{
		width:60px;
		left:50%;
		margin-left:-30px;
	}
	body{
			padding:10px;
	}
}
@media screen and (max-width:300px){
	body{
			padding:0px;
			background-color:#000;
			background-image:none;
	}
	#mon-screen{
		border-radius:0px;
		margin:0px;
		padding:5px;
	}
	#mon-o{
		margin:0px;
		padding:0px;
		width:auto;
	}
	#cb1{display:none;}
	#mon-screen h1{
		font-size:28px;
	}
	#mon-screen p{
		font-size:18px;
	}
}


