@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 320px) {
#wrapper {
width:100%; 
height:140px; 
padding-bottom:10px;
}
}

@media only screen and (min-width: 400px) {
#wrapper {
width:100%; 
height:170px; 
padding-bottom:10px;

}
}
@media only screen and (min-width: 480px) {
#wrapper {
width:100%; 
height:207px; 
padding-bottom:10px;

}
}

#map_canvas, #distance, #toggleSwitch, #map_buttons {
	
	width:100%;
}

#wrapper {
background-image: url(../images/Polis/D1000134_beach.jpg);
background-size: contain;
width: 100%;
background-repeat:no-repeat;

}
#map_holder {
	height:500px;
	width:100%;
}

#map div[data-role=content] {
padding:0;
}
#distance {
	margin-bottom:5px;
}

#distance2, #map_canvas, #map_buttons {
	margin-bottom:30px;
}


@media only screen and (min-width:801px) {
    div[data-role="content"],div[data-role="header"],div[data-role="footer"] {
		max-width: 700px;
		margin: 0 auto;
	}	
    div[data-role="header"] {
		max-width: 730px;
		margin: 0 auto;
	}	
   div[data-role="footer"] {
		max-width: 730px;
		margin: 0 auto;
	}
}