body[class *= "page-template-landing-page-"] #producer .row,
body.page-template-o-nas #producer .row,
body.page-template-profesjonalisci #producer .row { min-height: auto; }

body[class *= "page-template-landing-page-"] .modal .logo,
body[class *= "page-template-landing-page-"] #kroki .logo,
body.page-template-o-nas .modal .logo,
body.page-template-o-nas #program-lojalnosciowy .logo,
body.page-template-profesjonalisci .modal .logo,
body.page-template-profesjonalisci #program-lojalnosciowy .logo { max-width: 358px; }

body[class *= "page-template-landing-page-"] #kroki .step,
body.page-template-o-nas #program-lojalnosciowy .step,
body.page-template-profesjonalisci #program-lojalnosciowy .step { min-height: 102px; }

body[class *= "page-template-landing-page-"] #kroki .step.step-1,
body.page-template-o-nas #program-lojalnosciowy .step.step-1,
body.page-template-profesjonalisci #program-lojalnosciowy .step.step-1 { background-color: #13b0cf; }

body[class *= "page-template-landing-page-"] #kroki .step.step-2,
body.page-template-o-nas #program-lojalnosciowy .step.step-2,
body.page-template-profesjonalisci #program-lojalnosciowy .step.step-2 { background-color: #e9540d; }

body[class *= "page-template-landing-page-"] #kroki .step h3,
body.page-template-o-nas #program-lojalnosciowy .step h3,
body.page-template-profesjonalisci #program-lojalnosciowy .step h3 { font-size: 34px !important; }

body[class *= "page-template-landing-page-"] .modal iframe,
body.page-template-o-nas .modal iframe,
body.page-template-profesjonalisci .modal iframe { width: 100%; height: 293px; border: none; }

body[class *= "page-template-landing-page-"] #promocja,
body[class *= "page-template-landing-page-"] #zasady,
body[class *= "page-template-landing-page-"] #atuty,
body.page-template-o-nas #promocja,
body.page-template-o-nas #szkolenia,
/* body.page-template-o-nas #certyfikat, */
body.page-template-profesjonalisci #promocja,
body.page-template-profesjonalisci #szkolenia { background-color: var(--gray-light-2); }

@media ( min-width: 576px ) {
    body[class *= "page-template-landing-page-"] .modal iframe,
    body.page-template-o-nas .modal iframe,
    body.page-template-profesjonalisci .modal iframe { height: 193px; }
}

@media ( min-width: 992px ) {
    body[class *= "page-template-landing-page-"] #wsparcie .background,
    body[class *= "page-template-landing-page-"] #promocja .background,
    body[class *= "page-template-landing-page-"] #zasady .background,
    body.page-template-o-nas #wsparcie .background,
    body.page-template-o-nas #promocja .background,
    body.page-template-o-nas #szkolenia .background,
    body.page-template-o-nas #certyfikat .background,
    body.page-template-profesjonalisci #wsparcie .background,
    body.page-template-profesjonalisci #promocja .background,
    body.page-template-profesjonalisci #szkolenia .background { min-height: 494px; }
    body[class *= "page-template-landing-page-"] #wsparcie .row:nth-child(2) > .col-12:nth-child(1),
    body.page-template-o-nas #wsparcie .row:nth-child(2) > .col-12:nth-child(1),
    body.page-template-profesjonalisci #wsparcie .row:nth-child(2) > .col-12:nth-child(1) { background-color: var(--gray-light-2); }
}

@media ( min-width: 1200px ) {
    body[class *= "page-template-landing-page-"] #kroki .step.step-1,
    body.page-template-o-nas #program-lojalnosciowy .step.step-1,
    body.page-template-profesjonalisci #program-lojalnosciowy .step.step-1 { padding: 0 65px; }
    body[class *= "page-template-landing-page-"] #kroki .step.step-2,
    body.page-template-o-nas #program-lojalnosciowy .step.step-2,
    body.page-template-profesjonalisci #program-lojalnosciowy .step.step-2 { padding: 0 65px; position: relative; }
    body[class *= "page-template-landing-page-"] #kroki .step.step-2::before,
    body.page-template-o-nas #program-lojalnosciowy .step.step-2::before,
    body.page-template-profesjonalisci #program-lojalnosciowy .step.step-2::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 51px solid transparent;
        border-bottom: 51px solid transparent;
        border-left: 40px solid #13b0cf;
    }
}

@media ( min-width: 1400px ) {
    body[class *= "page-template-landing-page-"] #kroki .step h3,
    body.page-template-o-nas #program-lojalnosciowy .step h3,
    body.page-template-profesjonalisci #program-lojalnosciowy .step h3 { width: 75%; }
}