<style>
@media all and (max-width: 480px) and (min-width: 250px) {
#headerimage {
background-image: url('images/');
background-repeat:no-repeat;
background-position:center;
font-size: 1%; /* img height */
height: 175px; /* img height */
width: 100%; /* img width */
}

#supimage {
background-image: url('images/iasoteasup.jpg');
background-position:center;
font-size: 1%; /* img height */
height: 354px; /* img height */
width: 250px; /* img width */
background-size: 250px;
background-repeat:no-repeat;
}
}
@media all and (max-width: 2000px) and (min-width: 480px) {
	
/*	body { padding-top:20px;}*/
.ref{ float:right; height:20px; text-align:center; display:block;}

#headerimage {
background-image: url('images/');
font-size: 1px; /* img height */
height: 250px; /* img height */
width: 890px; /* img width */
}
#supimage {
background-image: url('images/iasoteasup.jpg');
background-position:center;
height: 566px; /* img height */
width: 400px; /* img width */
background-size: 400px;
background-repeat:no-repeat;
padding:15px;
}
} 
</style>