Repositioning large text and link on header video

Hi there. I needed to move the large text and the link on our header video as being right in the middle it was obscuring the action. So I hacked it with some custom css, as follows .custom-header-content .site-header-text { margin-top: -219px; margin-left: 150px; } .custom-header-content .more-link { margin-top: 360px; } which does make it look OK on our desktops, but is probably a really bad thing to do in terms of general resizing/responsiveness etc. Is there a better, more robust approach I could use to achieve the same effect? http://www.diminished5th.nz