[Theme: Twenty Twelve] Replace site title with image?

@newsgrip, what page does it link to?

Hi – Thanks to alchymyth his instruction worked fine. Question is it possible to have the image click back to the home page.

Go to Dashboard > Appearance > Editor
Edit header.php
Find the following line:
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

Make the change:
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="https://javaadmin.com/wp-content/uploads/2013/05/logo-1.png" style="float: right;" alt="Logo" /></a></h1>

Note: Don’t forget to put the right URL for the logo.

Im using the code below and it works fine. I have tried Amitabha Roy’s code but I cant get it to center accurately on the phone.

<img class="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/new-vanit-hair-logo.png" alt="site logo" />

.site-header hgroup {
display: none;
} 

.site-logo {
	max-width: 100%; height:auto;
	margin-left: auto;
	margin-right: auto;
	display:block;
}