<style type="text/css">
#pun-title .title-logo {background-image : url(адрес картинки);
background-repeat : no-repeat; height : 134px; padding-left : 958px;
}
#pun-title .title-logo span {display: none;}
</style>

<style>
#pun-navlinks a {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .2em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
#pun-navlinks a:active {
  top: 1px;
  box-shadow: none;
}
#pun-navlinks a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
</style>