html {
  scroll-behavior: smooth;
}

.main-menu li.nav-item.active a, .main-menu li.nav-item a:hover{
max-width: 150px; 
margin: 0 auto;
display: block; 
}

.sekcja::before {
  content: "";
  display: block;
  width: 200px;
  height: 40px;
  margin: -70px auto 20px auto; /* przesunięcie separatora nad sekcję */
  background: url('/images/rozdzielacz.webp') no-repeat center center;
  background-size: contain;
  margin-bottom:70px;
}

.sekcja.ba-section > .ba-overlay{z-index: auto;}

@media (max-width: 768px) {
    i.ba-icon-menu:after {
        content: 'MENU';
        margin: 0 10px;
        font-size: 0.9em !important;
        vertical-align: top;
    }
  
  .sekcja::before {margin-top: -50px;margin-bottom:20px;}
  
}