Help fix mobile footer with custom CSS

Site URL: https://www.selfpractice.com.au/

Hi there, 

Hoping someone can help.. 
 

I'm really happy with the layout of my footer blocks on Desktop. 

When I switch over to mobile view, everything is a squished mess.
 

Is there a way to include custom css so the view on mobile isn't like this? While maintaining the layout on Desktop?

Thanks!

.Footer-inner {display: flex!important;}

.Footer-blocks--top, .Footer-blocks--middle, .Footer-blocks--bottom

{flex: 1!important; display: flex!important; flex-flow: row nowrap!important; justify-content: center!important;}

@media only screen and (max-width:950px){.Footer-inner {display: inline;}}