/*
  Normal images
*/

#routemap{
  background-image: url('../img/map_690_regular.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 105.6% /* (img_height / img_width * percentage_with_of_image)*/
}

@media (min-width: 768px) {
#routemap{
  background-image: url('../img/map_1110_regular.png');
}
}
@media (min-width: 992px) {
#routemap{

}
}
@media (min-width: 1200px) {
#routemap{
  width: 1110px;
  margin: 0px auto;
  height: 1050px;
  padding-top: 0px;
}
}

/*
  High resolution images
*/
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5),
screen and (min-resolution: 144dpi) {
	#myimage {
		background-image: url('../img/map_1110_retina.png');
	}
}