.map {
  width: 100%;
  height: 500px;
	background-color: #eee;
}

/* Larger than mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}