/*
  Ujednolicenie osi tresci dla wybranych podstron Platformy Szkoleniowej B2B.
  Zasada jest identyczna jak we wspolnej belce Centrum Partnera:
  - standardowy desktop: 1120 px / 24 px marginesu,
  - szeroki desktop: 1400 px / 30 px marginesu,
  - tablet: 16 px,
  - telefon: 12 px.
*/
body.pereko-page-training-service .hero-inner,
body.pereko-page-training-service .main,
body.pereko-page-training-oze .training-hero-inner,
body.pereko-page-training-oze .training-info-main,
body.pereko-page-training-form .training-hero-inner,
body.pereko-page-training-form .training-info-main{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Baza wiedzy: tytul ma miec dokladnie dwie linie, bez lamania drugiej frazy. */
body.pereko-page-training-service .hero h1{
  max-width:100%!important;
}
body.pereko-page-training-service .hero h1 .hero-title-line{
  display:block;
}
body.pereko-page-training-service .hero h1 .hero-title-nowrap{
  display:block;
  white-space:nowrap;
}

@media(min-width:1450px) and (min-height:800px){
  body.pereko-page-training-service .hero-inner,
  body.pereko-page-training-service .main,
  body.pereko-page-training-oze .training-hero-inner,
  body.pereko-page-training-oze .training-info-main,
  body.pereko-page-training-form .training-hero-inner,
  body.pereko-page-training-form .training-info-main{
    width:min(1400px,calc(100% - 60px))!important;
    max-width:1400px!important;
  }
}

@media(max-width:860px){
  body.pereko-page-training-service .hero-inner,
  body.pereko-page-training-service .main,
  body.pereko-page-training-oze .training-hero-inner,
  body.pereko-page-training-oze .training-info-main,
  body.pereko-page-training-form .training-hero-inner,
  body.pereko-page-training-form .training-info-main{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
}

@media(max-width:560px){
  body.pereko-page-training-service .hero-inner,
  body.pereko-page-training-service .main,
  body.pereko-page-training-oze .training-hero-inner,
  body.pereko-page-training-oze .training-info-main,
  body.pereko-page-training-form .training-hero-inner,
  body.pereko-page-training-form .training-info-main{
    width:calc(100% - 24px)!important;
  }
  body.pereko-page-training-service .hero h1{
    font-size:clamp(32px,9.5vw,44px)!important;
    line-height:1.02!important;
  }
  body.pereko-page-training-service .hero h1 .hero-title-nowrap{
    font-size:.78em;
    letter-spacing:-.045em;
  }
}