/* --- LEGEND --- */

#projected-mid-century-temperature-midwest-blue .legend {
  background-image: url(img/legend.png);
}

/* --- MAP --- */

#projected-mid-century-temperature-midwest-blue .interactive-wrap,
#projected-mid-century-temperature-midwest-blue .data-wrap {
  width: 800px;
}

/* ------ MEDIA QUERIES ------ */

/* iPad portrait */
@media screen and (max-width: 768px) {
  #projected-mid-century-temperature-midwest-blue .interactive-wrap,
  #projected-mid-century-temperature-midwest-blue .data-wrap {
    width: 688px;
  }
}

/* iPhone landscape */
@media screen and (max-width: 600px) {
  #projected-mid-century-temperature-midwest-blue .interactive-wrap,
  #projected-mid-century-temperature-midwest-blue .data-wrap {
    width: 400px;
  }
}

/* iPhone landscape */
@media screen and (max-width: 400px) {
  #projected-mid-century-temperature-midwest-blue .interactive-wrap,
  #projected-mid-century-temperature-midwest-blue .data-wrap {
    width: 260px;
  }
}