/*#map{height: 400px; width: 100%; position: absolute; margin-top: -50px; margin-bottom: 44px;}*/ 
#map{height: 50%; width: 100%; position: absolute; margin-bottom: 44px; bottom:0;}


@media only screen and (max-height: 960px), only screen and (max-device-height: 960px) and (orientation: portrait) {
	#map{height: 40%;}	
}
	
@media only screen and (max-height: 800px), only screen and (max-device-height: 800px) and (orientation: portrait) {
	#map{height: 30%;}	
}
	
@media only screen and (max-height: 670px), only screen and (max-device-height: 670px) and (orientation: portrait) {
	#map{height: 400px; bottom: auto; margin-top: -50px}	
}