Responsive DIV Row + Column Layout With Absolute Div Overlay

I am trying to achieve the attached layout for screenshot click here

And have it responsive so that DIV B drops below DIV A on resize screen

I have absolutely positioned DIV B so that it covers content and DIV C

DIV C has to be full width and so does DIV A

Any help would be appreciated I can achieve the layout with just desktop but not responsive

via Chebli Mohamed