Widening the header width

So I would like my header to extend past the top image on the home page. I edited some CSS [.upfront-grid-layout { width: 1280px;}] and got it to look the way I wanted but it threw off my mobile site. So is there another way I can make it wider than that first image again without messing something else up?

Thanks!