Header static logo

Hi enfold team,

i have a i tried to insert a 2nd header logo on the right side and this works perfect – but when i scroll down it moves away – therefore i tried to fix the header – worked not to 100% the “original” left logo changes his size. How i can change it? . img in my css do not work – the right logo are to high. Or which solution do you prefer? Thanks!

div .logo { float: none}
.logo:first-child img { display: none}
.logo img {max-width: 320px}
.logo.first-logo {z-index: 3}
.logo.second-logo {z-index: 2}
.logo.second-logo {width: 100%}
.logo.second-logo a {float: right}
.logo.second-logo a {padding-top: 20px}
.logo.first-logo a, .logo.second-logo a {display: inline-block}

@media only screen and (max-width: 768px) {
.logo.second-logo a { float: left }
.responsive #top .logo { height: 88px/*auto*/ }
.responsive #top .logo:first-child { display: none }
}

#header_main_alternate { border : medium none; }

.html_header_top.html_bottom_nav_header #header_main{
border: none;}

#header_main_alternate {float: right}
#mobile-advanced {
background-image: url(“/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png”);
background-position: left top;
background-repeat: no-repeat;
background-size: 10% auto;
padding: 15% 0 !important ;
}

/*header fixed*/
#header_main .container, .logo a {
height: 80px !important;
line-height: 88px !important;
max-height: none !important;
}

.header_color .main_menu ul:first-child > li > a {
height: 80px !important;
line-height: 88px !important;
}