I think you can use something like this to fit the logo into the column:
Code:
@media screen and (min-width: 768px) and (max-width: 959px) {
#header .line1 .logo a img {
height: auto;
max-width: 100%;
}
}
However, you may have to override other styles too (for example, you may have to adjust the height of the header).