html {  position: absolute;    	
	}

/* @font-face{
    font-family:'MyFont';
    src:url('ralewayb.ttf')	  
    }	 */

.menu {
	background: -webkit-linear-gradient(-14.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: -moz-linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	float : left;
	width: 350px;	
	z-index: 10000;
	height: 1000px;
	overflow: auto;
	
}

#menu-container {
	
}

.popup {           
    z-index: 1000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/* width: 200px;  */
	position:absolute;	
	padding: 5px;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: normal 20px/1 "Bangers", Times, serif;
	color: rgba(255,255,255,1);
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(-14.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: -moz-linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 4px 5px 4px 2px rgba(0,0,0,0.3);
	box-shadow: 4px 5px 4px 2px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	
	
	
}

.screen{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;	
	vertical-align:middle;
	padding: 5px; 
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 40px;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	


}
.screen2{	
	font-family: "Poppins", sans-serif;
	font-size: 30px;
	text-align: left;	
	display: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: rgb(0, 0, 0);


}

body { margin: 0;
	background-color: #FFFFFF;
 }
.main{   
    position: absolute;
    display: block;
	margin: 0 auto;
	z-index: 1;
}