header

So I've tried a lot to adjust the height of div 1 to div 2 (or the other way around). Tried tables , tried javascript (worked but messed up the layout when resizing, see: 1), and a lot more.

So; I have this design and I am trying to make it responsive. That seems to go okay but when i have screen size of >1024px my rightCol2 div is not expanding to the leftCol2 div (and the other way around). I kinda stripped my layout to make it as short and clean as possible and I was wondering if someone could help me out with this one, so that the leftcol2 and rightCol2 div adjust to eachothers heights and the layout keeps beign responsive without any problems.

Edit in JS Bin