html,body {
  height: 100%;
  }
#map {
  margin: 1em auto;
  height: 50vh;
  padding-right:0%;
  margin-right:-200px;
}
#map2 {
  width: 40vw;
  height: 50vh;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
@media (max-width: 500px) {
  #map2 {
    height:50vh;
    width: 40vw;
  }
}
#flagImage {
  display:inline-block;
  width:3em;
  height:2em;
}

#demo {
  display:none;
}

#particles-js {
  position:absolute;
  top:5vh;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:80%;
  z-index:0;
}

@media (max-width: 500px) {
  #particles-js {
    display:none;
  }
}

@media (max-width:500px) {
  #map {
    margin: 1em auto;
    height: 50vh;
    padding-right:0%;
    margin-right:0vw;
  }
}
/*stats cards for desktop*/
@media (min-width:500px) {
  .device_cards {

  }
}

ul.lists {
  list-style-type: none;
  font-size: 90px;
}

@media (max-width:500px){
  ul.lists {
    display:none;
  }
}

.stats-bg-image {
  background: url("/bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
}

.lists {
  color:white;
}

h2.black-bg {
  background-color: black;
  color: white;
}