Hi,
Try to add this code in your custom.css:
#top .logo, .logo a {
width: 100% !important;
margin-bottom: 20px !important;
}
#top .logo img {
height: 150px;
width: 150px;
position: relative;
left: 50%;
margin-left: -75px;
}
Just put the change the height and width of the logo and adjust the margin-left value. The left and margin-left value is the trick I used to center the image by moving the logo 50% from the left and by using the -75px which is 1/2 the width of the image, moving the image back to the left, thus centering the image. Hope this helps. :)
Regards,
Ismael