Proba esto:
Código CSS:
Ver original.logo {
max-width: 600px;
margin:0 auto 15px auto;
}
.img_logo{
width:100%;
}
Usando solo eso la imagen tiene el tamaño original, está centrada y se ajusta según el ancho de la ventana.
http://codepen.io/anon/pen/xGZJOw
PD: Para comentar CSS se usa
/* comentario */.. con la doble barra no se comenta nada
Edito, acabo de entender que lo que querés es que la imagen esté al 50% de su tamaño, usando el código que te acabo de pasar modifica el max-width de .logo por 300px (que es la mitad de 600, 50%) y te queda del tamaño que necesitas.
http://codepen.io/anon/pen/PqZBzE
Y de paso, me olvide de decírtelo antes, tenes declarados estilos para "boddy".. es con una sola "D".. body