Control size of logo in brine family footer

The logo looks great in desktop but when I check the responsive design, ipad is small and the mobile is huge. Any CSS suggestions please!

The following is for the logo in the header. I don't see a logo in the Brine footer. What template are you using?

First check Site Styles to see if the logo sizes are determined there. The Brine template has two logo width settings, one of which is for mobile. Type "logo" in the search box at the top of Site Styles. Also check the mobile break point. 640px is the usual setting.

The CSS examples below work for Brine, but the classes might be different for your template.

 .Mobile-bar-branding-logo
     {
     width:140px;  
     } 

.Header-branding-logo
     {
     min-width: 240px;  
     } 

You can also use @media statements and break points. E.g.:

@media only screen and (max-width: 800px)
      {
       Header-branding-logo
          {
          width: 240px;  
          } 
      }

There is not a logo in the footer I put one there. :) I'm using Margot. But yes I'm having trouble finding out what class to call out.

You can use Chrome developer tools to find the class. I can't give an specific answer without access to your site. See: Settings > Site Visibility > Password Protected.