/* Responsywność mobilna.

   HISTORIA SELEKTORÓW ATRYBUTOWYCH - zamknięta.
   Ten plik miał 22 selektory [style*=...], które czepiały się treści atrybutu
   style. Taki selektor przestaje działać w chwili, gdy ten sam styl przeniesie
   się do klasy - cicho, bez żadnego objawu na desktopie. Tak umarło 11 z 22
   reguł, zanim ktokolwiek to zauważył.

   22 -> 11 (krok 11a, martwe usunięte, zamiar przeniesiony na klasy)
      -> 7 (partia 5: .slot-240, .card-form, .card-cta)
      -> 0 (partia 6a: .grid-2, .faq-split, .split-hero, .split-hero-min,
            .card-dark-split, .photo-pair, .slot-320, .slot-420)

   Cała responsywność tych wzorców żyje teraz przy definicjach klas
   w components.css. Nie dopisuj tu reguł celujących w atrybut style. */
@media(max-width:767px){
.om-wrap{padding-left:20px!important;padding-right:20px!important}
h1{font-size:34px!important;line-height:1.1!important}
h2{font-size:26px!important;line-height:1.15!important}
h3{font-size:19px!important}
p,li,span,div{text-wrap:pretty}
iframe,img,.img-slot{max-width:100%}
.hero-video,.ft-video{max-width:none!important}
}
@media(max-width:1199px){
.site-header .sh-nav,.site-header .bar>nav{display:flex;justify-content:flex-end}
.site-header .nav-toggle{margin-left:auto}
}