CSS To Resize Custom Logo

I was wondering if there is some type of CSS code I can insert that can automatically resize my logo depending on the users resolution. 

.header .custom-logo { display: block; max-width: 100%; height: auto; }

Please follow below steps to change the size of the logo on your site by adding simple CSS code.

Step 1: Go to WordPress Admin > Appearance > Customize > Header > Logo and Favicon.

Step 2: You will be able to set the logo size of the SVG Width and Logo Max Height from entering value into the provided text box followed by px.

Code for footer logo

.footer-logo { max-height: 26px; }

Code for Hamburger logo

.hamburger-logo img { max-height: 46px; }