.banner-img-top{
    position: relative;
    width: 75%;
    left: 30%;
    top: 10%;
}
.banner-img-bg{
    width: 50%;
    position:absolute;
}

@media (min-width: 1200px){
    .post-projekty-graficzne .banner-img-top{
        left: 30%;
        top: 0;
    }
    .post-projekty-graficzne .banner-img-top:after{
        width: 100px;
      height: 50px;
      position: absolute;
      content: "";
      background: url(/img/logo/grafenger-min.png) no-repeat;
        background-size: auto;
      right: 0px;
      bottom: -50px;
      background-size: 100px;
      opacity: .3;
    }
    .post-projekty-graficzne .banner-img-bg{
         top: 330px;
    }
    .post-projekty-graficzne .description_box{
        width:100%;
    }
    .post-projekty-graficzne{
        margin-bottom: 200px;
    }
}
/*.banner-text{
    margin-top: 10%;
}
.banner-top{
    margin-top: 70px;
}*/
#banner-offer{
    margin-top: 70px;
}
#banner-offer{
    /*height: 100vh;*/
}
#banner-offer .row{
    justify-content: center;
    align-items: stretch;
    /*height: 100vh;*/
}
#banner-offer .col-lg-5{
    align-items: center;
    display: flex;
    flex-direction: row;
}
 #banner-offer h1 {
    font-size: 2rem;
    font-size: 2.5rem;
    text-transform: inherit;
    /*text-shadow: 0px 0px 2px rgb(0 0 0);*/
    color: var(--mainColor);
  }
@media (min-width: 1200px) and (max-width: 1440px) {
  #banner-offer h1 {
    font-size: 2.6rem;
    font-size: 3rem;
    text-transform: inherit;
  }
}
@media (max-width: 760px) {
    #banner-offer{
        margin-bottom: 2rem;
    }
    .banner-img-top{
        left: 25%;
    }
}