Footer text font size smaller and mobile footer smaller (Symmetry Theme)

[Delasoul]

I have two questions about the footer: 

1. Footer (desktop): I would like to have the text size smaller. Can anybody help me?

2. My mobile footer is veryyy long at the moment. Is there any chance to have it split into two columns to make it shorter/more compact OR/AND to hide single elements ONLY on the mobile view (for example the newsletter or the store text)?

Thank you very much for help!

[Liquid_xPert_SJ]

@Delasoul 

please add below CSS code into your theme.liquid file before </body> tag

Shopify Admin > Online Store > Edit Code > Theme Files > theme.liquid

<style>
 @media screen and (max-width: 767px) {
.section-footer__row .section-footer__row__col {
	flex: 0 0 40% !important;
	padding-right: 20px !important;
}

.section-footer__row .section-footer__row__col p, .section-footer__row .section-footer__row__col a {
	font-size: 12px !important;
}
}
</style>

Results:

Thanks

[Delasoul]

Hi @Liquid_xPert_SJ thanks for your fast response. 
I added the code here:

The footer size in the desktop version still stays the same but in the mobile view is perfect now. Do you have another code/advise how I can also decrease the size of my desktop footer font here:

And on the mobile version the footer looks like this now. Is it also possible to have the legal part also on the second column?

Thank you so much for help!

[Liquid_xPert_SJ · Accepted solution]

@Delasoul 

if you want to reduce the font size on desktop version too then update your code as follow.

<style>
.section-footer__row .section-footer__row__col {
	flex: 0 0 40% !important;
	padding-right: 20px !important;
}

.section-footer__row .section-footer__row__col p, .section-footer__row .section-footer__row__col a {
	font-size: 12px !important;
}
</style>

aslo the legal section cannot come up because its in the third column

[Delasoul]

Thank you, it worked on the desktop version. Do you now by any chance how I get rid of the button frame in the footer too