/* Navbar fit for 1024–1407 px: the theme's menu (8 items + 'Request a demo') is ~1375 px wide and pushed the
   demo button off-screen on most laptops. Tighter type/padding in three steps; above 1407 px the theme is unchanged. */
@media screen and (min-width: 1024px) and (max-width: 1407px) {
  .navbar .navbar-item, .navbar .navbar-link { font-size: 15px; }
  .navbar .navbar-end > a.navbar-item { padding-left: .5rem; padding-right: .5rem; }
  .navbar .navbar-item.has-dropdown > .navbar-link { padding-left: .5rem; padding-right: 1.9em; }
  .navbar .navbar-link:not(.is-arrowless)::after { right: .7em; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .navbar > .container { max-width: none; width: 100%; padding: 0 16px; }
  .navbar .navbar-item, .navbar .navbar-link { font-size: 14px; }
  .navbar .navbar-brand img { max-width: 140px; height: auto; }
  .navbar .navbar-item.has-dropdown > .navbar-link { padding-left: .4rem; padding-right: 1.7em; }
  .navbar .navbar-end > a.navbar-item { padding-left: .4rem; padding-right: .4rem; }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .navbar .navbar-item, .navbar .navbar-link { font-size: 13px; }
  .navbar .navbar-brand img { max-width: 120px; }
  .navbar > .container { padding: 0 12px; }
  .navbar .navbar-item.has-dropdown > .navbar-link { padding-left: .3rem; padding-right: 1.6em; }
  .navbar .navbar-end > a.navbar-item { padding-left: .3rem; padding-right: .3rem; }
}