.header-image {
    background-size: 184px 200px;
    background-position: 20%;
}  

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {

  .header-image {
    display: none;
	}  
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

   .header-image {
    background-size: 147px 160px;
     background-position: 7%;
	}  
}