.hamburger{
    display: none;
}
#menuu147274
    {
        visibility: visible;
    }
@media (max-width: 500px){
.hamburger > img,.cross > img
    {
        top: -12px;
    position: relative;
    }
body
{
  font-family: acumin-pro, sans-serif;
}

header{
	width:100%; 
	background:#ffffff; 
	height:60px; 
	line-height:60px;
}
#menuu147274
    {
        visibility: hidden;
    }
.hamburger{
  display: block;
  height: 35px; 
  width: 35px;
  top:2px;
  visibility: visible;
  background:none;
  position:absolute;
  right:0;
  color:red;
  border:0;
  font-size:2em;
  line-height:55px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
    height: 35px;
    width: 35px;
    top: 2px;
  background:none;
  position:absolute;
  right:0;
  color:red;
  border:0;
  font-size:2em;
  line-height:55px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%;  position:relative; text-align:center; font-size:12px;left: -60px;}
.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:#dddddd 1px solid;}
.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #666; text-decoration:none;}
.menu a{text-decoration:none; color:#666;}
.menu a:hover{text-decoration:none; color:#666;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}
}

@media (max-width: 381px) and (min-width: 321px){
    .menu{
        left: -5px;
    }
    .flex-margin{
        margin-right: 8px;
    }
}
@media (max-width: 320px) and (min-width: 271px){
    .menu{
        left: -5px;
    }
    .flex-margin{
        margin-right: 3px;
    }
}