Hi there

I have a css alteration to increase the size of my header bar, but am also trying to take advantage of the responsive aspects of this template. I have the following code in the custom css tab of the template admin menu

#container_header, .header_bar {
height: 230px;
}

@media only screen and ( max-width: 767px ) {
h1.logo a {
background-size: 400px auto;
}}

@media only screen and (max-width: 440px) {
h1.logo a {
background-size: 300px auto;
}}


I am trying to make it so that the logo etc will resize to suit the size of mobile devices etc, but it doesnt appear to be working very well at all.

Can you offer some advice?

Thanks
StephAn