/* Mobile fixes for the static clone; loaded after the frozen Drupal CSS. */

/* Name graphic in the mobile menu is a fixed 423px wide. */
#navbar-collapse img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  /* Let the opened menu use the screen instead of Bootstrap's 340px cap. */
  .navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 101px);
  }
}

/* Hard line breaks are tuned for wide desktops; let text wrap naturally below. */
@media (max-width: 1199px) {
  #home br,
  #contact br {
    display: none;
  }
}