/* --- LEGEND --- */

#regional-uncertainty .legend {
  width: 820px;
  background-image: url(img/legend.png);
}

/* --- MAP --- */

#regional-uncertainty .interactive-wrap {
  width: 820px;
}

#regional-uncertainty .data-wrap {
  width: 820px;
  height: 450px;
}

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

/* iPad portrait */
@media screen and (max-width: 768px) {
  #regional-uncertainty .legend {
    width: 680px;
  }

  #regional-uncertainty .interactive-wrap {
    width: 680px;
  }
  
  #regional-uncertainty .data-wrap {
    width: 680px;
    height: 360px;
  }
}

/* iPhone landscape */
@media screen and (max-width: 600px) {
  #regional-uncertainty .legend {
    width: 440px;
  }

  #regional-uncertainty .interactive-wrap {
    width: 440px;
  }
  
  #regional-uncertainty .data-wrap {
    width: 440px;
    height: 241px;
  }
}

/* iPhone portrait */
@media screen and (max-width: 400px) {
  #regional-uncertainty .legend {
    width: 260px;
  }

  #regional-uncertainty .interactive-wrap {
    width: 260px;
  }
  
  #regional-uncertainty .data-wrap {
    width: 260px;
    height: 153px;
  }
}