#menu{
	position:relative;
	padding-bottom:1px;
	height:50px;
}

#menu nav {
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.5;
	width:100%;
	display:table;
	table-layout:fixed;
	position:absolute;
	z-index:999;
	text-align:center;
}

.menu-item {	
	display:table-cell;
}
/*Menu Header Styles*/
.menu-item label {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 2.5;
	display: block; 
	height:100%;
	width:100%;
	z-index:99999;
	position:relative;
	min-height:100%;	
	box-sizing:border-box;
	background-color:rgba(35,31,32,0.8);
}

.menu-item label a {
  color: white;
  display: block;
  text-decoration: none;
  /*width: 200px;*/
}

.menu-item label:hover{  
	background-color:rgba(40,70,150,1);
}

*First Item Styles*/
.alpha p {
    font-size: 13px;
    padding: 8px 12px;
    color:#F00 ;
}

/*ul Styles*/
.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  margin:0px;
}
 
.menu-item ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #000;
  display: block;
  /*width: 200px;*/
}
 
/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #eee;
}
 
.menu-item li:hover {
  background: #eee;
}
/*ul Styles*/
.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
/*ul Styles*/
.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 0s ease;
     -moz-transition: height 0s ease;
       -o-transition: height 0s ease;
      -ms-transition: height 0s ease;
          transition: height 0s ease;
}

nav input[type=checkbox]{display:none}
nav input[type=checkbox]:checked + .menu-item ul {
	height: 100%;
}

@media only screen and (min-width : 1960px) {	
	#menu nav {
		
	}
}

@media only screen and (min-width : 1025px){	

	.menu-item:hover * {	
		height:100%;
	}

}

@media only screen and (min-width : 0px) and (max-width : 900px) {	

	#menu {
		height:auto;
	}

	#menu nav{
		padding-top:0px;
	}
	
	#hero {
		height:auto;
	}
	
	#menu nav {
		margin-top:0px;
	}
		
	.menu-item label a {
		pointer-events:none;
	}

	#menu nav {
		position:relative;
	}

	.menu-item {	
	  display:block;
	}

}