Non responsive headers

Hello,
As mentioned earlier there are some problems with the responsiveness of this theme. The entry-headers are overflowing on small screens. Maybe insert a media query like this?:

div#single-title-box {
    padding: 30px 5px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}
@media (min-width:500px) {
  div#single-title-box {
    padding: 30px;
  }
}

The page I need help with: [log in to see the link]