/** using sass variables because native variables can't be used in media queries **/
/** Company Page Overrides. These pages have some random padding added to the containers, so this makes up for it **/
@media (min-width: 576px) {
  body[data-page*=company]:not([data-page=company-directory]) {
    /* extra specificity required to override css */
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .primary > nav,
body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .secondary > nav {
    width: 540px;
  }
}
@media (min-width: 768px) {
  body[data-page*=company]:not([data-page=company-directory]) {
    /* extra specificity required to override css */
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .primary > nav,
body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .secondary > nav {
    width: 660px;
  }
}
@media (min-width: 992px) {
  body[data-page*=company]:not([data-page=company-directory]) {
    /* extra specificity required to override css */
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .primary > nav {
    width: 900px;
    padding-left: 0px;
    padding-right: 16px;
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .secondary > nav {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  body[data-page*=company]:not([data-page=company-directory]) {
    /* extra specificity required to override css */
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .primary > nav {
    width: 1080px;
    padding-left: 0px;
    padding-right: 16px;
  }
  body[data-page*=company]:not([data-page=company-directory]) .navbar2.navbar2 > .secondary > nav {
    width: 1080px;
  }
}