body>div.site-grid
{
  padding-top: 6rem;
}
header.header
{
    background-color: #353030;
    background-image: linear-gradient(135deg, #353030 0%, #555050 100%);
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 99;
}
header.header>div.inner 
{
  display: flex;
}

div.customer-menu, div.directaccess-menu 
{
  align-content: center;
}

div.customer-menu img,div.directaccess-menu  img
{
  width: 1.5em;
  color:#fff;
}

div.customer-menu li, div.directaccess-menu li
{
  font-weight: 400;
  text-transform: math-auto;
}
div.customer-menu .parent , div.directaccess-menu .parent
{
  position: relative;
}
div.customer-menu li, div.directaccess-menu li
{
  cursor: pointer;
}
div.customer-menu .parent:hover>ul.show-menu,div.directaccess-menu .parent:hover>ul.show-menu
{
  display: flex;
}
div.customer-menu .parent>ul.show-menu, div.directaccess-menu .parent>ul.show-menu
{
  flex-direction: column;
  position: absolute;
  left: 50%;
  translate: -50%;
  width: auto;
  max-width: 300px;
  min-width: 130px;
  height: auto;
  z-index: 99;
  justify-content: center;
  background: #555050;
  color: #fff;
  border: solid 2px #fff;
  //border-bottom: solid 2px #fff;
  padding: .5em 1em;
}
div.customer-menu .parent>ul li, div.directaccess-menu .parent>ul li
{
  display: block;
  padding: 5px;
}
div.customer-menu a, div.directaccess-menu a
{
  color: #fff;
}