Logos too large on mobile

Site URL: https://www.godalmingtherapy.co.uk

Hi

When viewed on a mobile, the logos at the bottom of my website are way too large (the ones for the BACP, Psychology Today and EMDR). when I look it up on these help pages, people talk about editing the CSS codes, but I honestly can't see where to do that. I go in to 'design' and can just edit fonts etc. There is no CSS option. Can anyone help with this? The logos are find on the desktop website. 

Many thanks

Jo

You can use this to Website Tools (under Not Linked) > Custom CSS to fix problem

@media screen and (max-width:640px) {
footer#footer .image-block {
    max-width: 150px;
    margin: 0 auto;
}
}

oh, found it. yes that looks better, thanks. Is there any way to have them displaying with more than one to a line? They are now stacked one above each other. 

10 hours ago, Lofty said:

oh, found it. yes that looks better, thanks. Is there any way to have them displaying with more than one to a line? They are now stacked one above each other. 

You can try this extra code

@media screen and (max-width:640px) {
	footer#footer .span-2 {
    width: 50% !important;
    float: left !important;
}
footer#footer .span-2:first-child {
    margin-left: 25%;
}
}