ul.sf-menu li a, ul.sf-menu li span {
    background: #4d4d4d;
    border-right: solid 1px #fff;
    color: white;
    text-decoration: none;
    padding: 9.75px 13px;
    line-height: 22pt;
}

ul.sf-menu li a.active, ul.sf-menu li a:hover, ul.sf-menu li a.active-menu, ul.sf-menu li span:hover {
    background: #f2f2f2;
    color: black;
}

ul.sf-menu .sf-sub-indicator {
  display: none;
}

ul.sf-menu.menu li ul {
  margin-top: -2px;
}

ul.sf-menu.menu>li>ul {
  margin-top: 2px;
}

#block-mainnavigation {
  margin-bottom:20px;
  width: 100vw;
  background: #4d4d4d;
}


@media only screen and (min-width: 768px) {
  #block-mainnavigation {
    margin-left: calc(-50vw + 351px);
    padding-left: calc(50vw - 351px);
  }
}

@media only screen and (min-width: 992px) {
  #block-mainnavigation {
    margin-left: calc(-50vw + 460px);
    padding-left: calc(50vw - 460px);
  }
}

@media only screen and (min-width: 1200px) {
  #block-mainnavigation {
    margin-left: calc(-50vw + 560px);
    padding-left: calc(50vw - 560px);
  }
}

/* footer - hide login botton */
.menu.menu--account.nav.navbar-nav.navbar-right {
	display: none;
}