#sturm-icon > svg {
  max-width: 100%;
  height: auto;
}
#sturm-icon.icon-90 .storm-flash-class path {
  fill: #EB0000;
}
#sturm-icon.icon-40 #storm-flash path,
#sturm-icon.icon-40 #storm-circles path {
  fill: #FF7012;
}
#sturm-icon.icon-90 #storm-numbers path,
#sturm-icon.icon-40 #storm-numbers path {
  fill: #000000;
}
#sturm-icon.icon-90 #storm-inner-circle {
  stroke: #EB0000;
}
#sturm-icon.icon-40 #storm-inner-circle {
    stroke: #FF7012;
}
#sturm-icon.icon-90 #storm-inner-circle,
#sturm-icon.icon-40 #storm-inner-circle {
    fill: #FFCC1E;
}
#sturm-icon.icon-40 #storm-number-4 {
    display: block;
}
#sturm-icon.icon-40 #section-2-flash,
#sturm-icon.icon-40 #section-4-flash,
#sturm-icon.icon-40 #section-2-circle,
#sturm-icon.icon-40 #section-4-circle,
#sturm-icon.icon-40 #storm-number-9 {
  display: none;
}
#sturm-icon.icon-90 .storm-flash-class path {
  transform-origin: center center;
  animation: pulse-flash 666ms linear infinite;
}
#sturm-icon.icon-40 .storm-flash-class path {
  transform-origin: center center;
  animation: pulse-flash 1500ms linear infinite;
}
#sturm-icon.icon-90  #storm-circles {
  transform-origin: center center;
  animation: pulse-circles 666ms ease-in-out infinite;
  animation-delay: 0ms;
}
#sturm-icon.icon-40  #storm-circles {
  transform-origin: center center;
  animation: pulse-circles 1500ms ease-in-out infinite;
  animation-delay: 0ms;
}
@keyframes pulse-flash {
     0% {transform: scale(0.8);opacity: 0;}
     50% {opacity: 0.8;}
     70% {opacity: 1;}
     100% {transform: scale(1);opacity: 0;}
}
@keyframes pulse-circles {
     0% {transform: scale(0.8);opacity: 0;fill: white;}
     20% {opacity: 0.2;fill: #EB0000;}
     70% {opacity: 0.2;fill: #EB0000;}
     100% {transform: scale(1.2);fill: white;opacity: 0;}
}