#gravida_zika { scroll-behavior: smooth; }
.bolinhas {
  animation: kaboom 1s alternate ease infinite;
}

@keyframes kaboom {
  0% {
    transform: translate(394px, 251px) scale(0.1);
  }
  10% {
    transform: translate(214px, 146px) scale(0.5);
  }
  50% {
    transform: translate(122px, 86px) scale(.7);
  }
  100% {
    transform: translate(-2px, 10px) scale(1);
  }
}

.bolinha.step-0 {
  transform: translate(394px, 251px) scale(0) ;
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition:transform 1.05s ease-in-out;
  -ms-transition:transform 1.05s ease-in-out;
}

.bolinha.step-1 {
  transform: translate(394px, 251px) scale(0.1);
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition:transform 1.05s ease-in-out;
  -ms-transition:transform 1.05s ease-in-out;
}

.bolinha.step-2 {
  transform: translate(214px, 146px) scale(0.5);
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition:transform 1.05s ease-in-out;
  -ms-transition:transform 1.05s ease-in-out;
}

.bolinha.step-3 {
  transform: translate(126px, 74px) scale(.7);
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition:transform 1.05s ease-in-out;
  -ms-transition:transform 1.05s ease-in-out;
}

.bolinha.step-4 {
  transform: translate(-2px, 10px) scale(1);
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition:transform 1.05s ease-in-out;
  -ms-transition:transform 1.05s ease-in-out;
}

.bolinha.step-5 {
  transform: translate(-449px,-231px) scale(2);
  -webkit-transition: transform 1.05s ease-in-out;
  -moz-transition: transform 1.05s ease-in-out;
  -ms-transition: transform 1.05s ease-in-out;
}

svg.bolinha-grande {
  display: none;
}

svg.step-final {
  width: 100%;
  transform: scale(23);
  display: block !important;
}

#vyro_virus {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity;
  height: 0px;
  min-height: 0px;
}

#vyro_virus.show {
  visibility: visible;
  height: 100%;
  opacity: 1;
  min-height: 100vh;
}

@media only screen and (max-width: 768px) {
  #gravida_zika svg {
    max-width: 100%;
  }

}