How can I adjust footer menu alignment for mobile without affecting the desktop view?

[TheUnavailable]

Hello, 

The menu columns don't like evenly spaced/centered on mobile, is there a way to change without effecting on desktop? Specifically want the "Our Policies" column more to the right so it's in line with text below it and not too much to the left.

theunavabilable.myshopify.com

Thank you.

[ThePixelEdge]

Hello @TheUnavailable 
When I navigate the  above url , It saysThis store does not exist.

[TheUnavailable]

theunavailable.myshopify.com

[ThePixelEdge]

Hi @TheUnavailable ,

You can Use the below CSS 

@media (max-width: 767px){
.footer-block__details-content {
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
h2.footer-block__heading {
    text-align: center;
}
}