*{padding:0; margin:0;}

/*IE SVG Width Fix*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    #matthew-svg{
      width:100%;
      height:608px;
    }
}

a{text-decoration:none;}

#map-figure,
#dataSources{
  padding:10px;
  font-size:.9em;
  font-family: "Source Sans Pro", sans-serif;
}

figurecaption{
  line-height:1.5em;
  font-size:1.1em;
}

#dataSources h2{
  font-weight:400;
  margin-bottom:10px;
}

#dataSources p{
  margin-bottom:10px;
  font-size:1.1em;
}

#dataSources a{
  color:rgb(0,51,102);
  font-weight:600;
  word-wrap: break-word;
}

#dataSources a:hover{
  text-decoration:underline;
}

#buttonContainer {
  margin: 10px auto 10px auto;
  text-align: center;
}

#playButton{
  background:#ebebeb;
}

@media screen and (min-width:768px){
  #map-figure,
  #dataSources{
    width:760px;
    margin:10px auto 10px auto;
    font-size:1em;
  }
}

@media screen and (min-width:1200px){
  #map-figure,
  #dataSources{
    width:960px;
  }
}