.main-menu {
  background-color: #666666;
}
.main-menu li a {
  color: #ffffff;
}
.main-menu li {
  border-left: thin solid #000000;
}
nav.main-menu.expanded {
  color: red;
}

.menu-left {
  /*margin-left: 240px;*/
}

.menu-left > ul {
  /*margin-left: 16px;*/
}

/* Small screens */
/* Define mobile styles */
@media only screen and (max-width: 40em) {
  .main-menu li {
    width: 100%;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* Medium screens */
/* min-width 641px, medium screens  */
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* Large screens */
/* min-width 1025px, large screens  */
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* XLarge screens */
/* min-width 1441px, xlarge screens  */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .logo-text {
    margin-left: 240px;
  }

  .menu-left {
    margin-left: 240px;
  }

  .menu-left > ul {
    margin-left: 16px;
  }
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* XXLarge screens */
@media only screen and (min-width: 120.063em) and (max-width: 2880em) {
  .logo-text {
    margin-left: 240px;
  }

  .menu-left {
    margin-left: 240px;
  }

  .menu-left > ul {
    margin-left: 16px;
  }
}
/* min-width 1921px, xxlarge screens  */

/*# sourceMappingURL=app_new.css.map */