.world-map {
  position: relative;
  padding: 35%;
}

.world-map .land {
  fill: #c0c0c0;
  fill-opacity: 1;
  stroke: #c0c0c0;
  stroke-opacity: 1;
  stroke-width: 0.5;
  transition: fill 0.2s ease-in, stroke 0.2s ease-in;
  -webkit-transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

.world-map svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.world-map-container {
  position: relative;
}

.world-map-container .world-map-details {
  opacity: 0;
  text-align: center;
  transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
}

.world-map-container .world-map-details h2 {
  margin-top: 0;
}

@media all and (min-width: 1200px) {
  .world-map-container .world-map-details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}