/* Delikatne powiększenie tekstu w miejscach, gdzie szablon (main.css) ustawia go
   zauważalnie mniejszym niż bazowe 16px - stopka, opisy usług, dane kontaktowe,
   kroki procesu współpracy, tagline w zespole i pozycje głównego menu nawigacji.
   Ładowany PO main.css, żeby nadpisać te same selektory. */

.footer {
  font-size: 16px;
}

.services .service-item p {
  font-size: 15px;
}

.team .team-member p {
  font-size: 15px;
}

.contact .info-item p {
  font-size: 16px;
}

.work-process .steps-content p {
  font-size: 16px;
}

@media (max-width: 991px) {
  .work-process .steps-content p {
    font-size: 15px;
  }
}

@media (min-width: 1200px) {

  .navmenu a,
  .navmenu a:focus {
    font-size: 16px;
  }

  .navmenu .dropdown ul a {
    font-size: 16px;
  }
}

/* Poprawka: logo "IT Łukasz Nędzyński" łamało się na dwie linie w nagłówku.
   Przyczyna: Bootstrap ogranicza .container-xl do 1140px w przedziale szerokości
   okna 1200-1399px (bardzo częsta rozdzielczość laptopa, np. 1366x768) - to za
   mało miejsca, odkąd menu ma pozycję "Biura rachunkowe" i większą czcionkę (16px,
   patrz reguła wyżej). Powyżej 1400px kontener i tak dostaje 1320px - tu wymuszamy
   tę samą, szerszą wartość już od 1200px, plus odrobinę zwężamy sam napis logo dla
   dodatkowego zapasu. */
@media (min-width: 1200px) {
  .header .container-xl {
    max-width: 1320px;
  }
}

.header .logo h1 {
  font-size: 28px;
  letter-spacing: 1px;
}