/* === Telefony (< 768 px): kolejnosc sekcji: ogloszenia, msze, kontakt, stopka-baner, linki, plakaty, logowanie, reszta ===
   Wrapper'y .mbnp-o-* sa w index.php, klasy .mbnp-m-* to "sufiks klasy modulu" w ustawieniach modulow.
   Uklad na komputerze bez zmian. Uwaga: kolejnosc wizualna != kolejnosc w kodzie (czytniki ekranu, Tab). */
@media (max-width: 767px) {
  .body .container-fluid > .row-fluid { display: flex; flex-direction: column; }
  .body .container-fluid > .row-fluid:before,
  .body .container-fluid > .row-fluid:after { display: none; }
  .body .container-fluid > .row-fluid > #sidebar,
  .body .container-fluid > .row-fluid > #sidebar > .sidebar-nav,
  .body .container-fluid > .row-fluid > main#content,
  .body .container-fluid > .row-fluid > #aside { display: contents; }
  .mbnp-o-comp { order: 1; }
  .mbnp-o-banner { order: 4; }
  .mbnp-m-msze { order: 2; }
  .mbnp-m-kontakt { order: 3; }
  .mbnp-m-linki { order: 5; }
  .mbnp-m-plakaty { order: 6; }
  .mbnp-m-login { order: 7; }
  .mbnp-o-rest { order: 8; }
  .mbnp-o-comp, .mbnp-o-banner, .mbnp-o-rest { width: 100%; min-width: 0; }
}