.hero-uslugi { 
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: clamp(180px, 19.80vw, 380px);
    margin-left: auto;
    margin-right: auto;
    /*background: linear-gradient(
        110deg,
        #FFC100 0%,
        #FFCA35 15%,
        #FFDA7B 35%,
        #FDF3D0 60%,
        transparent 61%,
        transparent 100%
    );*/
    background: linear-gradient(110deg, #ffcd04 0%, #FFDA7B 35%, #FDF3D0 60%, transparent 61%, transparent 100%);
}
.hero-uslugi-left {
    width: 45%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
.hero-uslugi-left > div {
    margin-left: max(0px, calc(50vw - 620px));
    margin-right: 2.9vw;
    text-align:left;
}
.hero-uslugi-left > div h1 {
    font-weight: 700;
    font-size: clamp(20px, 1.875vw, 36px);
}

.hero-uslugi-left > div p {
    font-weight: 500;
    font-size: clamp(14px, 0.9375vw, 18px);
    line-height: 1.6;
}

.hero-uslugi-left > div a.btn-dark {
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 11px 24px;
    font-weight: 700;
    border-radius: 9px;
    box-shadow: none !important;
}

.hero-uslugi-left > div a.btn-dark:hover {
    color: #ffcd04;
}
@media (max-width: 1800px) {
    .hero-uslugi-left > div a.btn-dark {
        padding: 10px 20px;
    }
}

.hero-uslugi-right {
    width: 55%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.hero-usluga-net .hero-uslugi-right {
    background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_desktop.webp');
}

.hero-usluga-tv .hero-uslugi-right {
    background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_TV_desktop.webp');
}

.hero-usluga-net-radio .hero-uslugi-right {
    background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_RADIO_desktop.webp');
}

@media (max-width: 1299px) and (min-width: 1201px){
    .hero-uslugi-left > div {
        margin-left: 2vw;
    }

    .hero-uslugi-left > div a.btn-dark {
        padding: 10px 24px;
    }
}

@media (max-width: 1200px) and (min-width: 992px){
    .hero-uslugi-left > div {
        margin-left: max(0px, calc(50vw - 400px));
    }

    .hero-uslugi-left > div a.btn-dark {
        padding: 8px 24px;
    }

    .hero-uslugi-left > div a.btn-dark i {
        display:none;
    }
}

@media (max-width: 991px) and (min-width: 841px){
    .hero-uslugi-left {
        width: 40%;
    }

    .hero-uslugi-right {
        width: 60%;
    }

    .hero-uslugi-left > div {
        margin-left: max(0px, calc(50vw - 400px));
    }

    .hero-uslugi-left > div a.btn-dark {
        display:none;
    }
}

@media (max-width: 840px) {
    .hero-uslugi {
        flex-direction: column-reverse; 
        height: auto;
        background: #fee8ab;
    }

    .hero-uslugi-right {
        width: 100%;
        height: 388px;
        background-size: auto 100%;  
    }

    .hero-usluga-net .hero-uslugi-right {
        background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_mobile.webp'); 
    }

    .hero-usluga-net-radio .hero-uslugi-right {
        background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_RADIO_mobile.webp'); 
    }

    .hero-usluga-tv .hero-uslugi-right {
        background-image: url('http://telenet.pl/theme/banery/uslugi/2610/baner_NET_TV_mobile.webp'); 
    }
    
    .hero-uslugi-left {
        width: 100%;
        justify-content: center;
        padding: 24px 16px;
        padding-top:0;
        background: linear-gradient(359deg, #ffcd04 0%, #FFDA7B 50%, transparent 100%);
        min-height:auto;
    }

    .hero-uslugi-left > div {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }

    .hero-uslugi-left > div a.btn-dark {
        display: inline-block;
    }
}

@media (max-width: 840px) and (min-width: 461px){
    .hero-uslugi-left > div {
        text-align: center;
    }

    .hero-uslugi-left > div {
        max-width:490px;
    }

}

/*DOSTOSOWANIE OBRAZÓW*/
@media (max-width: 460px) {
    .hero-usluga-tv .hero-uslugi-right, 
    .hero-usluga-net .hero-uslugi-right,
    .hero-usluga-net-radio .hero-uslugi-right {
        background-position: -180px center;
    }
}
@media (max-width: 400px) {
    .hero-usluga-tv .hero-uslugi-right, 
    .hero-usluga-net .hero-uslugi-right {
        background-position: -200px center;
    }
}