/*----------------------------------------
  Navbar In Components
------------------------------------------*/
.section.section-navbar nav .nav-wrapper {
  font-size: 2.1rem;
}

.section.section-navbar nav .nav-wrapper .brand-logo.center,
.section.section-navbar nav .nav-wrapper .brand-logo.center-align {
  position: absolute;
  left: 45%;
}

.section.section-navbar #extended-navbar ul.sidenav#mobile-demo {
  top: 56px;
}

@media screen and (max-width: 540px) {
  .section.section-navbar nav .nav-wrapper .brand-logo.center,
  .section.section-navbar nav .nav-wrapper .brand-logo.center-align {
    position: absolute;
    left: 40%;
  }
}