Adding a background image to page headings

Hi,

I’m having two problems, I hope someone can help:

1. Firstly i’ve added a background image to my page headings using this code:

.page .entry-title {
background-image: url('https://girlsaglow.co.uk/site/wp-content/uploads/images/titlepostit_2.png');
background-repeat: no-repeat;
float: left;
font-family: "Rock Salt", arial, sans-serif;
font-weight: 300;
font-size: 20px;
text-transform: uppercase;
line-height: .5em;
letter-spacing: 3px;
height: 67px;
width: 438px;
z-index: 100;
margin-bottom: 0;
color: #fff;
padding-left: 60px;
padding-top: 30px;
}

that all works fine BUT it seems to also be coming up in the middle of my image slider on the home page- as far as im aware, I disabled the #slider entry-title but it’s still coming up- how can i get rid of that? (you can see my issue here: girlsaglow.co.uk/site/

2. In addition to this how do I get the .entry-title to automatically resize -like the rest of the object on the page- when moving down to ipad and mobile sized screens.

these are the only problems left before I can say this site is finished so i’d appreciate any advice that can put this issue to rest.

thank you