Prevent Footer Content from Breaking on Mobile

Site URL: https://sadmonkeymercantile.com/shop

Hello. The footer on my website looks great with the title and address on the left, and the social links on the right. But on the mobile site they "break" and the social links are pushed below the address. How can I make them inline? Thank you in advance!!

Add to Design > Custom CSS

/* Mobile Footer side by side */
@media screen and (max-width:767px) {
div#page-section-612c7146231e80366525115b>.row>.col {
    width: 50% !important;
    float: left !important;
}
}

Perfect! Thank you!