/* Modest type scale for laptop screens; body text remains 16px. */
@media(min-width:769px) and (max-width:1536px){
  #header #menu>ul>li>a,#header.fixed #menu>ul>li>a{font-size:15.5px;line-height:1.45}
  #header #menu>ul>li{margin-left:14px;margin-right:14px}
  #header #menu>ul>li>ul a{font-size:15px}
  #header #topTel{font-size:20px}
  #ofirmieIn h1,#cennikIn>.container>.h1,#page_top h1{font-size:32px;line-height:1.22}
  #ofirmieIn h2,#pageIn h2{font-size:28px;line-height:1.25}
  #pageIn h3,#pageIn .h3,#mechanikaIn h2,#mechanikaIn .h3{font-size:24px;line-height:1.3}
  #cennikIn .beefup-head{font-size:21px;line-height:1.35}
  #top_icon .iconIn h3{font-size:18px;line-height:1.3}
  .home-phone{font-size:22px}
  #page_top.city-page-top h1{font-size:32px;line-height:1.22}
  .city-page h2{font-size:24px;line-height:1.3}
  .city-page .city-card h2{font-size:23px;line-height:1.3}
  .city-page .city-services h2,.city-page .city-related h2{font-size:20px;line-height:1.3}
  .city-page article .city-intro{font-size:17px;line-height:1.75}
  #kontaktIn .inkontakt ul li{font-size:18px;line-height:1.8}
  #kontaktIn .h4{font-size:22px;line-height:1.3}
}
@media(max-width:768px){
  #header #menu>ul>li>a{font-size:16px}
  #ofirmieIn h1,#cennikIn>.container>.h1,#page_top h1{font-size:27px;line-height:1.25}
  #ofirmieIn h2,#pageIn h2{font-size:25px;line-height:1.3}
  #pageIn h3,#pageIn .h3,#mechanikaIn h2,#mechanikaIn .h3{font-size:22px;line-height:1.3}
  #cennikIn .beefup-head{font-size:20px;line-height:1.35}
  #page_top.city-page-top h1{font-size:25px;line-height:1.25}
  .city-page h2{font-size:22px;line-height:1.3}
  .city-page .city-card h2{font-size:22px;line-height:1.3}
  .city-page .city-services h2,.city-page .city-related h2{font-size:20px;line-height:1.3}
}

/* Keep the decorative car outside the text column at every width. */
#ofirmieIn{background-image:none}
#ofirmieIn>.homeFirst{position:relative;z-index:1}
#ofirmieIn .homeFirst>.container>.col7{width:64%;box-sizing:border-box}
#ofirmieIn .homeFirst>.container>.col3{display:none}
#ofirmieIn::after{content:"";display:block;position:absolute;right:0;top:80px;bottom:60px;width:32%;background:url('/images/opony01.webp') no-repeat right center;background-size:contain;pointer-events:none;z-index:0}
@media(max-width:1099px){
  #ofirmieIn .homeFirst>.container>.col7{width:100%;float:none}
  #ofirmieIn .homeFirst>.container::after{content:"";display:block;clear:both}
  #ofirmieIn::after{position:static;clear:both;width:86%;max-width:420px;height:240px;margin:26px auto 0;background-position:center;background-size:contain}
}
@media(max-width:450px){#ofirmieIn::after{height:190px;margin-top:20px}}