#dnk_head { height: 135px; }
#dnk_head .back { position: absolute; z-index: 101; top: 0; left: 0; height: 135px; width: 100%; background: linear-gradient(90deg, 
      rgba(0,0,0,1) 0%,      
      transparent 35%,          
      transparent 80%,          
      rgba(0,0,0,0.8) 100%
    ),
    url('https://d1.endata.cx/images/personal/1507938/pk.png') center / cover no-repeat,
    #000 }
#dnk_head .logo { position: absolute; z-index: 1001; top: 0; left: 0; }
#dnk_head .logo_over { position: absolute; z-index: 1003; top: 0; left: 0; }
#dnk_head .star { position: absolute; z-index: 1002; top: 40px; left: 65px; width: 140px; background: url(https://d1.endata.cx/images/personal/1507938/pk_dnk_stars_2.png) top left no-repeat; }
#dnk_head .star .front { float: left; width: 0px; overflow: hidden; }

@media screen and (max-width: 768px)  {
    #dnk_head .back { position: absolute;  z-index: 101; top: 0; left: 0;  width: 100%; background: url( https://d1.endata.cx/images/personal/1507938/tit5.png) #000; background-size: cover; }
}