Alignment of images in footer and 2 columns on mobile

Site URL: https://kanaconsult.com/

Hi there,

Hoping someone can help. I have four logos in the footer of my clients' site and would like to right align them. See attached screenshot. 

In mobile view, I'd also like to have them in 2 or 3 columns (as on 2nd attachment)

Been trying to find a solution to no avail.

URL is https://kanaconsult.com/

Many thanks!

I should also add that I made the logos closer together and corrected some spacing with the following CSS.

@media only screen and (min-width: 951px){
footer  .sqs-col-2 
{
  width: 13%;

}
}
@media only screen and (min-width: 951px){
footer .sqs-col-2 #block-yui_3_17_2_1_1660205166960_36647,#block-yui_3_17_2_1_1660205166960_31252, 
{
  margin-left: 10px;
}
  footer .sqs-col-2 #block-yui_3_17_2_1_1644406133394_26249, 
{
  margin-left: 5px;
} 
}

Try adding to Design > Custom CSS

@media screen and (min-width:992px) {
div#page-section-619509f481b3853d1ccd2a8d>.row>.span-2 {
    position: relative;
    right: -100px;
}
}

This is perfect, thank you so much!! 

I used the same code to change the logos to run over four 'columns' on mobile.