#falling-cash {

position: fixed;

top: 0px;

left: 0px;

width: 100%;
    
height: 100vh;

display: none;    
z-index: 9999999999

}

#falling-cash.on {
   display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*falling cash*/

#falling-cash>div {

position: absolute;

width:25vw;

top: -250px;

/*animation-duration: 4s;

animation-direction: normal;

animation-timing-function: ease-out;

animation-iteration-count: 1;*/

}

#falling-cash>div img {

width: 24vw;

transform-origin: 50% 50%;

}



#falling-cash>div:nth-child(5n) {

left:0px;

}

#falling-cash>div:nth-child(5n+1) {

left:25%;

}

#falling-cash>div:nth-child(5n+2) {

left:50%;

}

#falling-cash>div:nth-child(5n+4) {

right:25%;

}

#falling-cash>div:nth-child(5n+4) {

right:0px;

}

.rotate {

animation:swirl .55s ease-in ;
animation-fill-mode: backwards;
animation-iteration-count: 2;

}

.swirl {
    
}

.swing {

animation:swing .55s ease-in ;
animation-fill-mode: backwards;
animation-iteration-count: 3;
}


@keyframes swing{
    
0% {

-webkit-transform: rotateZ(0deg);

        transform: rotateZ(0deg);

}

50% {


-webkit-transform: rotateZ(-180deg);

        transform: rotateZ(-180deg);

}

100% {

top:100vh;

-webkit-transform: rotateZ(-360deg);

        transform: rotateZ(-360deg);

}

}


@keyframes swirl {


0% {

-webkit-transform:rotateZ(0deg);

        transform:rotateZ(0deg);



}

50% {
-webkit-transform: rotateZ(180deg);

        transform: rotateZ(180deg);


}

100% {

margin-left: 0px;

top:100vh;

-webkit-transform: rotateZ(360deg);

        transform: rotateZ(360deg);

}

}

@media all and (min-width:600px){

#falling-cash {

		width:800px;

		left: 50%;

		margin-left:-400px;

	}

#falling-cash>div {

		width:100px;

	}

#falling-cash>div img {

	width: 100px;

	}

	#cidheader {

		font-size:30px;

	}

}

/*end falling*/