div.naglowekKontener {
    height: 100%;
}

@media only screen and (min-width: 1600px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    div.naglowekKontener {
        padding-top: 13px !important;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
    div.naglowekKontener {
        padding-top: 13px !important;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1300px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}
@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.naglowekKontener {
        margin-top: 10px !important;
    }
}
@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}
@media only screen and (max-width: 480px) {
    div.naglowekKontener {
        margin-top: 13px !important;
    }
}

div.naglowekKontener div.naglowekTlo {
    margin: 0;
    padding: 0;
    padding-top: 0;
    background-image: url(/images/szkolenia/grandstream/2024-01-naglowek-grandstream.jpg) !important;
    /*/szkolenia/grandstream/2024-01-naglowek-grandstream.jpg*/

    background-repeat: no-repeat;
    background-color: #ffffff;
    transition: height 1s, background-position 0.5s, background 0.5s, background-size 0.5s;
}
/*div.naglowekTlo div.naglowekTloSrodek {
    background-image: url(/images/szkolenia/netgear/netgear-naglowek-logo-2019.jpg), url(/images/szkolenia/netgear/netgear-naglowek-haslo-2020.png) !important;
    background-repeat: no-repeat;
    transition: height 1s, background-position 0.5s, background 0.5s, background-size 0.5s;
}*/

@media only screen and (min-width: 1600px) {
    div.naglowekTlo {
        height: 500px;
        background-position: 75% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 15% auto, auto auto;         /* first width, second height. */
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    div.naglowekTlo {
        height: 480px;
        background-position: 75% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 15% auto, auto auto;         /* first width, second height. */
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    div.naglowekTlo {
        height: 440px;
        background-position: 75% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 15% auto, auto auto;         /* first width, second height. */
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.naglowekTlo {
        height: 400px;
        background-position: 75% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;        /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 15% auto, auto auto;        /* first width, second height. */
    }
}
@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.naglowekTlo {
        height: 360px;
        background-position: 70% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 130px auto, auto 60%;         /* first width, second height. */
    }
}
@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.naglowekTlo {
        height: 300px;
        background-position: 60% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 130px auto, auto 60%;         /* first width, second height. */
    }
}
@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.naglowekTlo {
        height: 260px;
        background-position: 55% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 120px auto, auto 60%;         /* first width, second height. */
    }
}
@media only screen and (max-width: 480px) {
    div.naglowekTlo {
        height: 220px;
        background-position: 55% 100%;      /* first horizontal, second vertical */
        background-size: auto 100%;         /* first width, second height. */
    }
    div.naglowekTloSrodek {
        background-position: 0 0, 0 80%;      /* first horizontal, second vertical */
        background-size: 120px auto, auto 60%;         /* first width, second height. */
    }
}