body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.82857;
    color: #202020;
    background-color: #ffffff;
    transition: font-size 0.5s;
}

img {
    border: none;
}

.small {
    font-size: 65%;
}

a {
    color: #ff0000 !important;
    text-decoration: none !important;
}

a:hover, a:focus {
    color: #ff0000 !important;
    text-decoration: none !important;
}

.tekstCzerwony,
p.tekstCzerwony {
    color: #ee1c25 !important;
}
.tekstSzary,
p.tekstSzary {
    color: #737477 !important;
}
.tekstZielony,
p.tekstZielony {
    color: #6aa70c !important;
}

h2.hasloReklamowe1,
p.hasloReklamowe1,
span.hasloReklamowe1 {
    font-size: 300%;
    line-height: 150%;
}
h2.hasloReklamowe2,
p.hasloReklamowe2,
span.hasloReklamowe2 {
    font-size: 200%;
    line-height: 150%;
}


div.wiersz1Kontener {
    margin-top: 30px;
}
div.wiersz1Kontener > div.col-md-5 {
    text-align: left;
}
div.wiersz1Kontener .tekstSzary {
    margin-top: 80px;
}
div.wiersz1Kontener .tekstCzerwony {
    margin-top: 15px;
}
div.wiersz1Kontener .imgERaty {
    margin-top: 20px;
}


div.wiersz2Kontener {
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 100%;
    text-align: center;
}

div.wiersz2Kontener span.koloTest {
    margin-left: 25px;
}
div.wiersz2Kontener span.koloTest:before {
    margin-right: 35px;
    padding-bottom: 8px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 50%;
    font-weight: 900;
}


/*-------------------------------*/
/*-------------------------------*/


div.wiersz3Kontener {
    margin-bottom: 50px;
    line-height: 100%;
    text-align: center;
}
div.wiersz3Kontener div.warunkiKontener {
    border-radius: 10px;
    font-size: 1.2em;
    background-color: #7d7d7d;
}

div.wiersz3Kontener div.warunkiKontener,
div.wiersz3Kontener div.formalnosciKontener {
    padding: 0;
    margin: 20px 0;
    border-radius: 10px;
    font-size: 1.2em;
    background-image: url("../images/raty-warunki-tlo.jpg");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #7d7d7d;
}

div.wiersz3Kontener div.warunkiKontener2 div.strzalkaKontener {
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 10px 0 0 10px;
}

div.warunkiKontener2 div.tloStrzalka {
    display: flex;
    align-items: center;
    width: 80%;  /* dla desktopa */
    max-height: 100%;
    margin-left: 15px;
    margin-right: -15px;
    padding-right: 15px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 10px 0 0 10px;
    background-color: #E00B1E;
}
div.warunkiKontener2 div.tloKorzysci {
    background-image: url("../images/raty-wiersz5-tlo-korzysci.png");
    background-size: 95% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
    display: table;
    width: 20%;
    height: 100%;
    background-image: url("../images/raty-wiersz5-tlo-lewe.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPion {
    width: 100%;
    height: 100px;
    background-image: url("../images/raty-wiersz5-tlo-gora.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaKontener {
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 10px 0 0 10px;
}

div.formalnosciKontener2 div.tloStrzalka {
    display: flex;
    align-items: center;
    width: 80%;  /* dla desktopa */
    margin-left: -15px;
    margin-right: 15px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 0 10px 10px 0;
    background-color: #E00B1E;
}
div.formalnosciKontener2 div.tloFormalnosci {
    background-image: url("../images/raty-wiersz5-tlo-formalnosci.png");
    background-size: 95% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
    display: table;
    width: 20%;
    height: 200px;
    background-image: url("../images/raty-wiersz5-tlo-prawe.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaPion {
    width: 100%;
    height: 100px;
    background-image: url("../images/raty-wiersz5-tlo-gora.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

div.wiersz3Kontener div.warunkiKontener div.warunkiListaKontener {
}
div.wiersz3Kontener div.warunkiKontener ul.warunkiLista,
div.wiersz3Kontener div.formalnosciKontener ul.formalnosciLista {
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
    list-style-position: inside;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 1.5em;
}

div.formalnosciKontener ul.listaLewa {
    margin-right: 0px;
    margin-left: 20px;
    float: left;
    text-align: left;
}
div.warunkiKontener ul.listaPrawa {
    margin-right: 20px;
    margin-left: 0px;
    float: right;
    text-align: right;
}

div.wiersz3Kontener div.warunkiKontener ul.warunkiLista li {
}

div.wiersz3Kontener div.warunkiKontener ul.listaPrawa li:after {
    margin-left: 10px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 50%;
    font-weight: 900;
}
div.wiersz3Kontener div.warunkiKontener ul.listaLewa {
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
}

div.wiersz3Kontener div.formalnosciKontener ul.formalnosciLista li:before {
    margin-right: 10px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 50%;
    font-weight: 900;
}


/*-------------------------------*/
/*-------------------------------*/


div.wiersz4Kontener {
    text-align: center;
}


/*-------------------------------*/
/*-------------------------------*/


div.wiersz5Kontener {
}

div.wiersz5Kontener div.wiersz5Tlo {
    min-height: 520px;
    background-image: url("../images/raty-wiersz5-tlo1.png");
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: auto auto;
}

div.wiersz5Kontener div.rodzajRatKontener {
    display: flex;
    min-height: 320px;
}

div.wiersz5Kontener div.rodzajRatKontener a.rodzajRatLink2 {
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
    text-align: center;
    padding-left: 50px;
    padding-top: 100px;
    padding-right: 50px;
    padding-bottom: 80px;
}
div.wiersz5Kontener div.rodzajRatKontener a > p.tekstSzary > strong {
    display: block;
    width: 100%;
    font-size: 1.9em;
    color: #636363;
    line-height: 1.2em;
}
div.wiersz5Kontener div.rodzajRatKontener p.przycisk {
    display: table;
    margin: 0 auto;
    padding: 0px 10px 0px 10px;
    font-size: 1.5em;
    color: #ffffff;
    white-space: nowrap;
    background-color: #737477;
    border-radius: 10px;
}
div.wiersz5Kontener div.boxTekst {
    max-width: 266px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    font-size: 1.35em;
    line-height: 1.4em;
}

div.wiersz5Kontener > p {
    padding: 40px;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3em;
}

div.wiersz5Kontener > p {
    padding: 40px;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3em;
}


/*-------------------------------*/
/*-------------------------------*/


div.wiersz6Kontener {
}

div.wiersz6Kontener h2.tekstCzerwony {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}


div.wiersz6Kontener .card {
    border: none;
}
div.wiersz6Kontener p.krokTytul {
    font-size: 1.5em;
    font-weight: bold;
}
div.wiersz6Kontener p.krokTytul span {
    display: inline-table;
    margin: 0;
    padding: 0 13px;
    color: #ffffff;
    border-radius: 30px;
    background-color: #6aa70c;
}

div.wiersz6Kontener ul.krokMenu {
    font-size: 1.3em;
}
div.wiersz6Kontener ul.krokMenu > li {
}

div.stopka {
    margin-top: 50px;
    margin-bottom: 80px;
    padding: 0;
    padding-bottom: 100px;
    font-size: 0.9em;
    line-height: 1.3em;
    text-align: justify;
}


/* ------------------------------------------------------- */
/* ----------------------------------------- RESPONSYWNOSC */

@media only screen and (min-width: 1600px) {
    div.wiersz3Kontener div.strzalkaPion {
        display: none;
    }
    div.wiersz3Kontener div.mh150 {
        height: 150%;
    }
    div.warunkiKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.formalnosciKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.oknoDispNone {
        display: none;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    div.wiersz3Kontener div.strzalkaPion {
        display: none;
    }
    div.wiersz3Kontener div.mh150 {
        height: 150%;
    }
    div.warunkiKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.formalnosciKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.oknoDispNone {
        display: none;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    div.wiersz3Kontener div.strzalkaPion {
        display: none;
    }
    div.wiersz3Kontener div.mh150 {
        height: 150%;
    }
    div.warunkiKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.formalnosciKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.oknoDispNone {
        display: none;
    }
}



@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 10px;
        line-height: 1.2em;
    }
    div.wiersz3Kontener div.strzalkaPrawa {
    }
    div.wiersz3Kontener div.mh150 {
        height: 150%;
    }
    div.wiersz3Kontener div.strzalkaPion {
        display: none;
    }
    div.warunkiKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.formalnosciKontener2 div.tloStrzalka {
        width: 80%;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 20px;
        margin-left: 0px;
        float: right;
        text-align: right;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 0px;
        margin-left: 20px;
        float: left;
        text-align: left;
    }
    div.oknoDispNone {
        display: none;
    }
}



@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 10px;
        font-size: 2.2em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstSzary {
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
    }
    div.wiersz2Kontener span.koloTest:before {
    }

    div.wiersz3Kontener{
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.mh150 {
        height: 150%;
    }
    div.wiersz3Kontener div.strzalkaKontener > .row {
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.tloStrzalka {
        width: 65%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 15px;
    }
    div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
        width: 35%;
        background-position: 98% 50%;
    }
    div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
        width: 35%;
        height: 240px;
        background-position: 0% 50%;
    }
    div.wiersz3Kontener div.strzalkaPion {
        display: none;
    }
    div.warunkiKontener2 div.tloKorzysci {
        background-image: url("../images/raty-wiersz5-tlo-formalnosci2.png");
        background-size: 90% auto;
    }
    div.formalnosciKontener2 div.tloFormalnosci {
        height: 240px;
        background-image: url("../images/raty-wiersz5-tlo-korzysci2.png");
        background-size: 90% auto;
    }
    div.wiersz3Kontener ul.warMenuPrawe,
    div.wiersz3Kontener ul.listaPrawa {
        float: left;
        text-align: left;
    }
    div.wiersz3Kontener div.warunkiKontener ul.warMenuPrawe li:before,
    div.wiersz3Kontener div.warunkiKontener ul.listaPrawa li:before {
        margin-right: 10px;
        padding-bottom: 5px;
        vertical-align: middle;
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 50%;
        font-weight: 900;
    }
    div.wiersz3Kontener ul.warMenuPrawe li:after,
    div.wiersz3Kontener ul.listaPrawa li:after {
        display: none;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 20px;
        margin-left: 0px;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 0px;
        margin-left: 20px;
        float: left;
        text-align: left;
    }
    div.wiersz4Kontener .tekstSzary {
        font-size: 2.5em;
        line-height: 1.5em;
    }
    div.wiersz4Kontener .tekstCzerwony {
        font-size: 2.5em;
        line-height: 1.5em;
    }
    div.wiersz5Kontener div.wiersz5Tlo {
        min-height: 440px;
        background-position: 50% 0%;
        background-size: 100% auto;
    }
    div.wiersz5Kontener div.rodzajRatKontener {
        min-height: 270px;
    }
    div.wiersz5Kontener div.rodzajRatKontener a.rodzajRatLink2 {
        padding-left: 10px;
        padding-top: 60px;
        padding-right: 10px;
        padding-bottom: 60px;
    }
    div.wiersz5Kontener div.boxTekst {
        margin: 0 auto;
        margin-top: 10px;
        padding: 0;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    div.oknoDispNone {
        display: none;
    }
}



@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 10px;
        font-size: 2.5em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        font-size: 2.5em;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstSzary {
        display: block;
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
        margin-left: 0;
    }
    div.wiersz2Kontener span.koloTest:before {
        display: none;
        margin-right: 0 !important;
    }

    div.wiersz3Kontener{
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.mh150 {
    }
    div.wiersz3Kontener div.warunkiKontener,
    div.wiersz3Kontener div.formalnosciKontener {
        background-size: auto auto;
        background-position: 50% 100%;
    }
    div.wiersz3Kontener div.strzalkaKontener > .row {
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.tloStrzalka {
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-radius: 10px 10px 0 0;
    }
    div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
        display: none;
    }
    div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
        display: none;
    }
    div.warunkiKontener2 div.tloKorzysci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-formalnosci2.png");
        background-size: auto 90%;
    }
    div.formalnosciKontener2 div.tloFormalnosci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-korzysci2.png");
        background-size: auto 90%;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 0px;
        margin-left: 20px;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 0px;
        margin-left: 20px;
        float: left;
        text-align: left;
    }
    div.wiersz6Kontener ul.krokMenu {
        margin: 10px;
        padding: 0px;
        /*font-size: 1.1em;*/
    }
    div.wiersz6Kontener ul.krokMenu > li {
        margin: 0px;
        padding: 0px;
    }
    div.oknoDispNone2 {
        display: none;
    }
}



@media only screen and (min-width: 660px) and (max-width: 680px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 10px;
        font-size: 2.5em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        font-size: 2.5em;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstSzary {
        display: block;
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
        margin-left: 0;
    }
    div.wiersz2Kontener span.koloTest:before {
        display: none;
        margin-right: 0 !important;
    }
    div.wiersz6Kontener ul.krokMenu {
        margin: 0px;
        padding: 0px;
        font-size: 1.1em;
    }
    div.wiersz6Kontener ul.krokMenu > li {
        margin: 0px;
        padding: 0px;
    }
    div.oknoDispNone2 {
        display: none;
    }
}



@media only screen and (min-width: 480px) and (max-width: 660px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 10px;
        font-size: 2.5em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        font-size: 2.5em;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstSzary {
        display: block;
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
        margin-left: 0;
    }
    div.wiersz2Kontener span.koloTest:before {
        display: none;
        margin-right: 0 !important;
    }
    div.wiersz3Kontener{
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.mh150 {
    }
    div.wiersz3Kontener div.warunkiKontener,
    div.wiersz3Kontener div.formalnosciKontener {
        background-size: auto auto;
        background-position: 50% 100%;
    }
    div.wiersz3Kontener div.strzalkaKontener > .row {
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.tloStrzalka {
        width: 100%;
        margin: 0;
        padding-right: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-radius: 10px 10px 0 0px;
    }
    div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
        display: none;
    }
    div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
        display: none;
    }
    div.warunkiKontener2 div.tloKorzysci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-formalnosci2.png");
        background-size: auto 90%;
    }
    div.formalnosciKontener2 div.tloFormalnosci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-korzysci2.png");
        background-size: auto 90%;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 20px;
        margin-left: 20px;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 20px;
        margin-left: 20px;
        float: left;
        text-align: left;
    }
    div.wiersz6Kontener ul.krokMenu {
        margin: 0px;
        padding: 0px;
        font-size: 1.1em;
    }
    div.wiersz6Kontener ul.krokMenu > li {
        margin: 0px;
        padding: 0px;
    }
    div.oknoDispNone2 {
        display: none;
    }
}



@media only screen and (min-width: 400px) and (max-width: 480px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 0px;
        font-size: 2.2em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        margin-top: 15px;
        font-size: 2.2em;
    }
    div.wiersz1Kontener .imgERaty {
        margin-top: 20px;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 2.2em;
    }
    div.wiersz2Kontener .tekstSzary {
        display: block;
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
        margin-left: 0;
    }
    div.wiersz2Kontener span.koloTest:before {
        display: none;
        margin-right: 0 !important;
    }
    div.wiersz3Kontener{
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.mh150 {
    }
    div.wiersz3Kontener div.warunkiKontener,
    div.wiersz3Kontener div.formalnosciKontener {
        background-size: auto auto;
        background-position: 50% 100%;
    }
    div.wiersz3Kontener div.strzalkaKontener > .row {
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.tloStrzalka {
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-radius: 10px 10px 0 0;
    }
    div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
        display: none;
    }
    div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
        display: none;
    }
    div.warunkiKontener2 div.tloKorzysci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-formalnosci2.png");
        background-size: auto 90%;
    }
    div.formalnosciKontener2 div.tloFormalnosci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-korzysci2.png");
        background-size: auto 90%;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 20px;
        margin-left: 20px;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 20px;
        margin-left: 20px;
        float: left;
        text-align: left;
    }
    div.wiersz4Kontener h2.tekstSzary {
        font-size: 2.0em !important;
    }
    div.wiersz4Kontener h2.tekstCzerwony {
        font-size: 2.8em !important;
        line-height: 1.2em;
        margin-bottom: 20px;
    }
    div.wiersz5Kontener div.boxTekst {
        width: 90%;
        font-size: 1.25em;
        line-height: 1.4em;
    }
    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - 1rem);
    }
    div.wiersz6Kontener ul.krokMenu {
        margin: 0px;
        padding: 0px;
        font-size: 1.1em;
    }
    div.wiersz6Kontener ul.krokMenu > li {
        margin: 0px;
        padding: 0px;
    }
    div.oknoDispNone2 {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    div.wiersz1Kontener .tekstSzary {
        margin-top: 0px;
        font-size: 1.8em;
        line-height: 1.2em;
    }
    div.wiersz1Kontener .tekstCzerwony {
        margin-top: 15px;
        font-size: 1.8em;
    }
    div.wiersz1Kontener .imgERaty {
        margin-top: 15px;
    }
    div.wiersz2Kontener .tekstCzerwony {
        font-size: 1.8em;
    }
    div.wiersz2Kontener .tekstSzary {
        display: block;
        font-size: 1.8em;
    }
    div.wiersz2Kontener span.koloTest {
        margin-left: 0;
    }
    div.wiersz2Kontener span.koloTest:before {
        display: none;
        margin-right: 0 !important;
    }
    div.wiersz3Kontener{
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.mh150 {
    }
    div.wiersz3Kontener div.warunkiKontener,
    div.wiersz3Kontener div.formalnosciKontener {
        background-size: auto auto;
        background-position: 50% 100%;
    }
    div.wiersz3Kontener div.strzalkaKontener > .row {
        margin: 0;
        padding: 0;
    }
    div.wiersz3Kontener div.tloStrzalka {
        width: 100%;
        height: 200px;
        margin: 0;
        padding: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-radius: 10px 10px 0 0;
    }
    div.wiersz3Kontener div.strzalkaPrawa {
    }
    div.wiersz3Kontener div.warunkiKontener2 div.strzalkaPrawa {
        display: none;
    }
    div.wiersz3Kontener div.formalnosciKontener2 div.strzalkaLewa {
        display: none;
    }
    div.warunkiKontener2 div.tloKorzysci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-formalnosci2.png");
        background-size: auto 90%;
    }
    div.formalnosciKontener2 div.tloFormalnosci {
        height: 200px;
        background-image: url("../images/raty-wiersz5-tlo-korzysci2.png");
        background-size: auto 90%;
    }
    div.warunkiKontener ul.listaPrawa {
        margin-right: 10px;
        margin-left: 10px;
    }
    div.formalnosciKontener ul.listaLewa {
        margin-right: 10px;
        margin-left: 10px;
        float: left;
        text-align: left;
    }

    div.wiersz4Kontener h2.tekstSzary {
        font-size: 1.8em !important;
    }
    div.wiersz4Kontener h2.tekstCzerwony {
        font-size: 1.8em !important;
        line-height: 1.2em;
        margin-bottom: 20px;
    }
    div.wiersz5Kontener div.boxTekst {
        width: 90%;
        font-size: 1.25em;
        line-height: 1.4em;
    }
    div.wiersz5Kontener div.rodzajRatKontener a.rodzajRatLink2 {
        padding-left: 35px;
        padding-top: 100px;
        padding-right: 50px;
        padding-bottom: 80px;
    }
    div.wiersz6Kontener h2.tekstCzerwony {
        margin-top: 10px;
        font-size: 2.0em;
    }
    div.wiersz6Kontener ul.krokMenu {
        margin: 0px;
        padding: 0px;
        font-size: 1.1em;
    }
    div.wiersz6Kontener ul.krokMenu > li {
        margin: 0px;
        padding: 0px;
    }
    div.oknoDispNone2 {
        display: none;
    }
}





/*
@media only screen and (min-width: 1600px) {}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {}
@media only screen and (min-width: 1280px) and (max-width: 1400px) {}
@media only screen and (min-width: 1000px) and (max-width: 1280px) {}
@media only screen and (min-width: 770px) and (max-width: 1000px) {}
@media only screen and (min-width: 680px) and (max-width: 770px) {}
@media only screen and (min-width: 660px) and (max-width: 680px) {}
@media only screen and (min-width: 480px) and (max-width: 660px) {}
@media only screen and (min-width: 400px) and (max-width: 480px) {}
@media only screen and (max-width: 400px) {}
/* */