#body-head-nav-bar-table-tr-td-a{
	
		text-decoration:none;
		width:100%;
background-color:rgba(0,0,0,1);
color:rgba(0,255,0,1);
font-size:large;
font-weight:bold;

}
#body-head-open{
	border-width:10px;
	border-color:rgba(0,0,0,1);
	border-style:solid;
	background-color:rgba(0,0,0,1);
	width:20px;
	float:right;
	display:none;
	position:fixed;
	top:0;
		right:0;
}

#body-head-open-div-1{
	background-color:rgba(0,255,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(0,255,0,1);
	width:100%;	
	
}
#body-head-open-div-2{
	background-color:rgba(0,255,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(0,255,0,1);
	width:100%;
	margin-top:20%;	
}
#body-head-open-div-3{
	background-color:rgba(0,255,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(0,255,0,1);
	width:100%;
margin-top:20%;
	
}

#body-head-close{
	border-width:10px;
	border-color:rgba(0,0,0,1);
	border-style:solid;
background-color:rgba(0,0,0,1);
		width:20px;
		float:right;
		display:none;
		position:fixed;
		top:0;
		right:0;
}
#body-head-close-div-1{
	background-color:rgba(255,0,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(255,0,0,1);
	width:100%;	
	
}
#body-head-close-div-2{
	background-color:rgba(255,0,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(255,0,0,1);
	width:100%;
	margin-top:20%;	
}
#body-head-close-div-3{
	background-color:rgba(255,0,0,1);
	border-style:solid;
	border-width:100%;
	border-color:rgba(255,0,0,1);
	width:100%;
margin-top:20%;
	
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

@media(max-width:900px){
/*it is for mobile phone screen and tablet*/	

#body-head{
	margin-bottom:50px;
}

#body-head-open{
	
display:block;	
}
#body-head-nav-bar{
		position:fixed;
margin-left:100vw;
		 transition: margin-left 1s;
}
#body-head-nav-bar-table{
	text-align:center;	
 
}
#body-head-nav-bar-table-tr-td{

	width:100vw;
	display:block;
padding:5px;
}

#body-head-nav-bar-table-tr-td-a{
	
		text-decoration:none;
		width:100%;
background-color:rgba(0,0,0,1);
color:rgba(0,255,0,1);
font-size:large;
font-weight:bold;

}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/