Masonry Layout for Sidebar Widgets in Mobile Layout

Is there any way to adjust the sidebars of my catch flames theme to appear in a masonry layout when in a mobile viewport (iPad specifically). I cannot seem to do this using CSS. the URL of my site is /* http://www.deltastreetinn.com */. I tried using the solution for mobile footers listed in the forums to no effect, but that wouldn't have worked anyway because the left and right sidebars are not footer-based content. However, as you can see in the layout, the sidebars in mobile layout (vertical on iPad) force the sidebars beneath the main page content. This is fine, but you can see how there are large gaps in the layout and a masonry style would eliminate that extra spacing, I just have no idea how to go about changing the existing theme to achieve that. Also, I am having a very difficult time getting the divs within my sidebar to align exactly centered in any layout other than a standard web browser using a laptop or desktop. When I view the contents of my sidebars in mobile layouts, the contents shift. Thank you in advance for your help! best regards, Eric