#cssmenu #menu-button {
  display: none;
}


#cssmenu.small-screen {
  width: 100%;
    position: absolute;
    right: 5px; top:10px;
    z-index: 9999999;
}

#cssmenu.small-screen li {
    
}


#cssmenu.small-screen li a {

}

#cssmenu.small-screen li a:hover {
    color: #FFF;
}






#cssmenu.small-screen #menu-button {
  display: block;
  padding: 13px 20px 16px 20px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top:0px;
  font-weight:bold;
}


#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 4px solid #666;
  border-bottom: 4px solid #666;
  width: 28px;
  height: 4px;
  margin-top:0px;
}


#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 4px solid rgb(24, 48, 40);
  border-bottom: 4px solid rgb(24, 48, 40);
}



#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 28px;
  height: 4px;
  background: #666;
  margin-top: 6px;
}


#cssmenu.small-screen #menu-button.menu-opened:before {
  background: rgb(24, 48, 40);
}



#cssmenu.small-screen #menu-button.menu-opened {
  color:rgb(24, 48, 40);
}




.header .menu ul.open {   display: inline-block !important; padding: 8px 0; margin: 20px; background: rgba(43,147,184,.8); }
.header .menu ul.open li { display: block; margin: 5px 0; padding: 5px 15px;  }