使用CSS在滚动元素中有固定的标题，并在缩小时响应元素

Question

CSS是否有可能有两个固定的标题，当它们响应时会影响可滚动元素的内容。即如果标题变得更大，则按下下面的内容。

我正在尝试使用弹性框，但仍坚持使用第二个固定标头和滚动元素。

http://codepen.io/labithiotis/pen/tkAlB

想避免使用大量媒体查询或js。感觉必须有柔性盒的解决方案。