/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

      .github-corner:hover .octo-arm {
        animation: octocat-wave 560ms ease-in-out
      }

      @keyframes octocat-wave {

        0%,
        100% {
          transform: rotate(0)
        }

        20%,
        60% {
          transform: rotate(-25deg)
        }

        40%,
        80% {
          transform: rotate(10deg)
        }
      }

      @media (max-width:500px) {
        .github-corner:hover .octo-arm {
          animation: none
        }

        .github-corner .octo-arm {
          animation: octocat-wave 560ms ease-in-out
        }
      }
header {
  padding: 156px 0 100px;
}

section {
  padding: 50px 0;
}

.section-head {
  padding-top: 120px;
}
.section-tail {
  padding-bottom: 200px;
}

@media (min-width: 720px){
  .info-box {
  /* width: 300px; */
  position: absolute;
  padding: 7px;
}
}

@media (max-width: 720px) {
   .info-box {
  position: relative;
  padding: 7px;
  }
  

 }
 
 .odometer{
   /* font-size: 40px; */
  /* margin: 10px 0; */
  text-align: center;
  /* width: 100%;  */
  animation-duration: 3s;


 }
#d3map{
  
 margin-top: 50px;

}
.ticks {
      font-size: 10px;
    }

    .track,
    .track-inset,
    .track-overlay {
      stroke-linecap: round;
    }

    .track {
      stroke: #000;
      stroke-opacity: 0.3;
      stroke-width: 10px;
    }

    .track-inset {
      stroke: #ddd;
      stroke-width: 8px;
    }

    .track-overlay {
      pointer-events: stroke;
      stroke-width: 50px;
      stroke: transparent;
      cursor: crosshair;
    }

    .handle {
      fill: #fff;
      stroke: #000;
      stroke-opacity: 0.5;
      stroke-width: 1.25px;
    }