Footer Columns are not organized for mobile view

[Agave]

Hello,

I'm having a hard time trying to fix the footer for mobile view. I'm currently using the dawn theme. It seems the width of the column blocks is very narrow and so the link text is not coming in one line and my newsletter is coming below the separator line and is also not aligned properly. Attaching a screenshot of what it currently looks like.

Store url - https://admin.shopify.com/store/68200f/settings/general

Password - owseop

[Agave]

I figured out the width problem but now need to align my newsletter to the rest of the blocks. It currently looks like this.

Also would like the newsletter to come below the rest of the columns in mobile view, instead of being on the top right side.

Can someone help with the code?