.map { width: 100%; height: 530px; background-color: #2a2a2a; }

@media (max-width: 479px){ 
	.map { height: 250px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.map { height: 300px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.map { height: 450px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	
}


/*
@media (max-width: 479px){ 

}

@media (max-width: 749px) and (min-width: 480px) { 

}

@media (max-width: 1023px) and (min-width: 750px) { 

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	
}
*/