/* Table of Contents
==================================================
# Map
# Colors
# Media Queries */

/* # Map
================================================== */
.map {
  background: $color-white;
  border: 1px solid $color-haze;
  box-sizing: border-box;
  display: block;
  min-height: 220px;
  min-width:220px;
}
.map-center { margin: 0 auto; }

/* # Colors
================================================== */
.map-dark {
  background: $color-black;
  border-color: $color-dark-black;
}
.map-light {
  background: $color-light-haze;
  border-color: $color-dark-haze;
}

/* # Media Queries
================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .map { border-width: 0.5px; }
}