.hamburger {
background: none;
position: absolute;
top: 0;
right: 0;
line-height: 45px;
padding: 8px 15px 0px 15px;
color: #fff;
border: 0;
font-size: 2.3em;
font-weight: bold;
cursor: pointer;
outline: none;
z-index: 10000000000000;
}

.cross {
background: none;
position: absolute;
top: 0px;
right: 0;
padding: 7px 15px 0px 15px;
color: #fff;
border: 0;
font-size: 4em;
line-height: 65px;
font-weight: bold;
cursor: pointer;
outline: none;
z-index: 10000000000000;
}

.menu {
z-index: 1000000;
font-weight: bold;
font-size: 18px;
width: 100%;
background:#000;
position: absolute;
text-align: center;
margin: 10px 10px 0 -20px;
}

.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

.menu li {
display: block;
padding: 15px 0 15px 0;
border-bottom: #fff 1px solid;
text-transform: uppercase;
}

.menu li:hover {
display: block;
background: #247bdf;
padding: 15px 0 15px 0;
border-bottom: #fff 1px solid;
}

.menu ul li a {
text-decoration: none;
margin: 0px;
color: #fff;
}

.menu ul li a:hover {
color: #000;
text-decoration: none;
}

.menu a {
text-decoration: none;
color: #fff;
}

.menu a:hover {
text-decoration: none;
color: #000;
}

.glyphicon-home {
color: #fff; 
font-size: 1.5em; 
margin-top: 5px; 
margin: 0 auto;
}