CSS Problem with Header/Title

Hello! I am really struggling with tweeking the position of my title against the header image, it basically needs to be about an inch lower (starting just where the sleeves of the little figure in the middle end! 😀 ). I have zero knowledge of coding, although I’ve just started a very basic course in the vain hope of getting to grips with it. The blog in question is: shanghaishenghuo.co

If there are any code-savvy people out there who are willing to help a girl out I would be extremely grateful! I have already trawled through a bunch of previous threads related to this, I tried entering the following into my stylesheet:

#header {
padding: 0;
margin: 0 auto;
height: 150px;
width: 100%;
}

Although this moved it down a little bit in the preview, as soon as I saved the changes, the text assumed its previous position 🙁 (it also didn’t move it down far enough).

Thanks!