Full width banner / logo

Hi,

I have a questions for http://logos2love.com/applied-piezo/. My client would like a full width header/logo. I managed to do that with quick CSS code I found on this forum (see below this post). The problem is that is won’t scale for browser width of 1270px and smaller. The header width will always stay 1130px width.

Screenshots of the problem, the header / logo does not scale right from 1270px width and smaller:
http://logos2love.com/applied-piezo/wp-content/uploads/2017/04/Schermafbeelding-2017-04-17-om-10.58.12.png
http://logos2love.com/applied-piezo/wp-content/uploads/2017/04/Schermafbeelding-2017-04-17-om-10.59.09.png
http://logos2love.com/applied-piezo/wp-content/uploads/2017/04/Schermafbeelding-2017-04-17-om-10.59.36.png

Thanks!

Regards,

Pieterjan

.container.av-logo-container {
padding: 0!important;
}
.logo img {
width: 100%;
}

.logo, .logo a {
overflow: hidden;
position: relative;
display: block;
height: 100%;
width: 1130px;
}