*{padding:0; margin:0;}

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

body {
    font-family: "Source Sans Pro", sans-serif;
}

a{
  color:rgb(0,51,102);
  font-weight:600;
  word-wrap: break-word;
  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: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;
  }
}

.footerThumnail {
  width: 150px;
}