Bug: Sidebar isn't dropping below content on small screen sizes

[crystalms]

Describe the bug The sidebar isn't dropping below the content on smaller screen sizes because of the display: flex; and clear: none; styles being applied. Right now, it's getting squished and cut off of the page.

To Reproduce Steps to reproduce the behavior:

1. Go to https://id-presents.cms-devl.bu.edu/sph/admissions/test-page/
2. Scale browser down to smaller widths
3. See how sidebar isn't dropping like it should, instead gets cut off

Expected behavior The sidebar should drop beneath the content on small screen sizes.

Screenshots

Desktop (please complete the following information):

• OS: iOS
• Browser: Chrome
• Version: 81

[crystalms]

I did some initial poking around and I believe this line is what's causing the issue: https://github.com/bu-ist/responsive-foundation/blob/64db40c8b373e318da8e9e4088cf07a47f1a0484/css-dev/burf-theme/layout/_content-area.scss#L181

If I remove the display: flex and flex-wrap: wrap styles, it works as intended.