html{width:728px;height:90px;overflow:hidden;}
body{background-image:url('back.jpg');background-size:auto;background-repeat:no-repeat;background-position:center right;font-family:'Oswald', sans serfif;width:728px;height:90px;position:relative;padding:0;margin:0;overflow:hidden;text-align:center;}
.textblock{background:#0e663c;width:368px;height:90px;float:left;position:relative;}
h1,h2{color:#fff;margin:0;padding:5px;}
h1{font-weight:bold;font-size:20px;}
h2{font-weight:normal;font-size:16px;background:rgba(14,102,60,.7);margin:28px 0;}
.leaves{position:absolute;bottom:0;left:0;z-index:10;}
.logo{margin:10px;float:left;}

svg{width:30px;position:absolute;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));}
#Leaf1 .st0{fill:#D83927;}
#Leaf1 .st1{fill:#AB2423;}
#Leaf1 .st2{fill:#F47627;}
#Leaf1 .st3{fill:#F26922;}
#Leaf1 .st4{fill:#F6882C;}
#Leaf1 .st5{fill:#F05123;}
#Leaf1 .st6{fill:#EF5223;}
#Leaf1 .st7{fill:#91271D;}
#Leaf1{left:20px;bottom:0;z-index:15;transform:rotate(45deg);animation-name:drift1;animation-duration:10s;animation-timing-function:linear;}

#Leaf2 .st0{fill:#FDDD5C;}
#Leaf2 .st1{fill:#F9D342;}
#Leaf2 .st2{fill:#FCD762;}
#Leaf2 .st3{fill:#F4C13E;}
#Leaf2 .st4{fill:#F9DD6D;}
#Leaf2 .st5{fill:#FBCF3C;}
#Leaf2 .st6{fill:#FDD347;}
#Leaf2 .st7{fill:#FBD262;}
#Leaf2 .st8{fill:#F9C928;}
#Leaf2 .st9{fill:#FFD84C;}
#Leaf2 .st10{fill:#FBD035;}
#Leaf2 .st11{fill:#D1B74E;}
#Leaf2{bottom:-15px;left:60px;animation-name:drift2;animation-duration:12s;animation-timing-function:linear;}

#Leaf3 .st0{fill:#D83927;}
#Leaf3 .st1{fill:#AB2423;}
#Leaf3 .st2{fill:#F47627;}
#Leaf3 .st3{fill:#F26922;}
#Leaf3 .st4{fill:#F6882C;}
#Leaf3 .st5{fill:#F05123;}
#Leaf3 .st6{fill:#EF5223;}
#Leaf3 .st7{fill:#91271D;}
#Leaf3{right:19px;bottom:4px;z-index:15;animation-name:drift3;animation-duration:15s;animation-timing-function:linear;}

#Leaf4 .st0{fill:#D32327;}
#Leaf4 .st1{fill:#9F3425;}
#Leaf4 .st2{fill:#992620;}
#Leaf4 .st3{fill:#AC5526;}
#Leaf4 .st4{fill:#A22E23;}
#Leaf4 .st5{fill:#D03E27;}
#Leaf4 .st6{fill:#AB2323;}
#Leaf4 .st7{fill:#AF5B27;}
#Leaf4 .st8{fill:#9A1C1F;}
#Leaf4 .st9{fill:#B05026;}
#Leaf4 .st10{fill:#D8624A;}
#Leaf4 .st11{fill:#A31E22;}
#Leaf4{left:55px;bottom:0;transform:rotate(30deg);z-index:1;animation-name:drift4;animation-duration:18s;animation-timing-function:linear;}

#Leaf5 .st0{fill:#D83927;}
#Leaf5 .st1{fill:#AB2423;}
#Leaf5 .st2{fill:#F47627;}
#Leaf5 .st3{fill:#F26922;}
#Leaf5 .st4{fill:#F6882C;}
#Leaf5 .st5{fill:#F05123;}
#Leaf5 .st6{fill:#EF5223;}
#Leaf5 .st7{fill:#91271D;}
#Leaf5 .st8{fill:#F9C928;}
#Leaf5 .st9{fill:#A31E22;}
#Leaf5 .st10{fill:#AB2323;}
#Leaf5 .st11{fill:#D1B74E;}
#Leaf5{left:410px;bottom:-15px;z-index:15;transform:rotate(-180deg);animation-name:drift5;animation-duration:16s;animation-timing-function:linear;}

#Leaf6 .st0{fill:#FDDD5C;}
#Leaf6 .st1{fill:#F9D342;}
#Leaf6 .st2{fill:#FCD762;}
#Leaf6 .st3{fill:#F4C13E;}
#Leaf6 .st4{fill:#F9DD6D;}
#Leaf6 .st5{fill:#FBCF3C;}
#Leaf6 .st6{fill:#FDD347;}
#Leaf6 .st7{fill:#FBD262;}
#Leaf6{left:-8px;bottom:-5px;transform:rotate(410deg);z-index:15;animation-name:drift6;animation-duration:22s;animation-timing-function:linear;}

#Leaf7 .st0{fill:#D32327;}
#Leaf7 .st1{fill:#9F3425;}
#Leaf7 .st2{fill:#992620;}
#Leaf7 .st3{fill:#AC5526;}
#Leaf7 .st4{fill:#A22E23;}
#Leaf7 .st5{fill:#D03E27;}
#Leaf7 .st6{fill:#AB2323;}
#Leaf7 .st7{fill:#AF5B27;}
#Leaf7 .st8{fill:#9A1C1F;}
#Leaf7 .st9{fill:#B05026;}
#Leaf7 .st10{fill:#D8624A;}
#Leaf7 .st11{fill:#A31E22;}
#Leaf7{bottom:0;left:50px;transform:rotate(360deg);animation-name:drift7;animation-duration:25s;animation-timing-function:linear;}

#Leaf8 .st0{fill:#D32327;}
#Leaf8 .st1{fill:#9F3425;}
#Leaf8 .st2{fill:#992620;}
#Leaf8 .st3{fill:#AC5526;}
#Leaf8 .st4{fill:#A22E23;}
#Leaf8 .st5{fill:#D03E27;}
#Leaf8 .st6{fill:#AB2323;}
#Leaf8 .st7{fill:#AF5B27;}
#Leaf8 .st8{fill:#9A1C1F;}
#Leaf8 .st9{fill:#B05026;}
#Leaf8 .st10{fill:#D8624A;}
#Leaf8 .st11{fill:#A31E22;}
#Leaf8{left:400px;bottom:47px;animation-name:drift8;animation-duration:28s;animation-timing-function:linear;}

#Leaf9 .st0{fill:#D83927;}
#Leaf9 .st1{fill:#AB2423;}
#Leaf9 .st2{fill:#F47627;}
#Leaf9 .st3{fill:#F26922;}
#Leaf9 .st4{fill:#F6882C;}
#Leaf9 .st5{fill:#F05123;}
#Leaf9 .st6{fill:#EF5223;}
#Leaf9 .st7{fill:#91271D;}
#Leaf9 .st8{fill:#F9C928;}
#Leaf9 .st9{fill:#A31E22;}
#Leaf9 .st10{fill:#AB2323;}
#Leaf9 .st11{fill:#D1B74E;}
#Leaf9{left:120px;bottom:-17px;z-index:15;animation-name:drift9;animation-duration:30s;animation-timing-function:linear;}
	
@keyframes drift1{
	0%{left:90px;bottom:90px;z-index:15;transform:rotate(0);}
	33%{left:10px;transform:rotate(60deg);}
	66%{left:80px;transform:rotate(-10deg);}
	100%{left:20px;bottom:0;z-index:15;transform:rotate(45deg);}
}
@keyframes drift2{
	0%{bottom:90px;left:300px;transform:rotate(0deg);}
	30%{bottom:90px;left:300px;transform:rotate(0deg);}
	50%{bottom:60px;}
	100%{bottom:-15px;left:60px;transform:rotate(1080deg);}
}
@keyframes drift3{
	0%{right:-80px;bottom:90px;z-index:15;transform:rotate(0deg);}
	33%{right:-80px;bottom:90px;z-index:15;transform:rotate(0deg);}
	55%{right:50px;transform:rotate(90deg);}
	84%{right:-70px;transform:rotate(0deg);}
	99%{transform:rotate(10deg);}
	100%{right:19px;bottom:4px;z-index:15;transform:rotate(0deg);}
}
@keyframes drift4{
	0%{left:140px;bottom:90px;transform:rotate(-30deg);}
	50%{left:140px;bottom:90px;transform:rotate(-30deg);}
	60%{left:20px;transform:rotate(60deg);}
	70%{left:130px;transform:rotate(-30deg);}
	80%{left:30px;transform:rotate(45deg);}
	90%{left:95px;transform:rotate(-20deg);}
	100%{left:55px;bottom:0;transform:rotate(30deg);}
}
@keyframes drift5{
	0%{left:650px;bottom:90px;transform:rotate(-1260deg);z-index:-1;}
	50%{left:650px;bottom:90px;transform:rotate(-1260deg);}
	62%{bottom:58px;}
	87%{bottom:20px;}
	95%{z-index:-1;}
	96%{z-index:15;}
	100%{left:410px;bottom:-15px;transform:rotate(-180deg);}
}
@keyframes drift6{
	0%{left:380px;bottom:95px;transform:rotate(-20deg);}
	40%{left:380px;bottom:95px;transform:rotate(-20deg);}/*Start*/
	55%{left:240px;bottom:45px;}/*Step 1*/
	60%{left:180px;bottom:30px;transform:rotate(20deg);}/*Step 2*/
	65%{left:100px;bottom:40px;transform:rotate(50deg);}/*Step 3*/
	68%{left:90px;bottom:55px;transform:rotate(95deg);}/*Step 4*/
	71%{left:130px;bottom:80px;transform:rotate(200deg);}/*Step 5*/
	74%{left:170px;bottom:60px;}/*Step 6*/
	76%{left:170px;bottom:50px;transform:rotate(280deg);}/*Step 7*/
	80%{left:150px;bottom:35px;transform:rotate(340deg);}/*Step 8*/
	93%{bottom:5px;left:20px;}
	98%{bottom:-5px;transform:rotate(440deg);}
	100%{left:-8px;bottom:-5px;transform:rotate(410deg);}/*Done*/
}
@keyframes drift7{
	0%{bottom:90px;left:100px;transform:rotate(-40deg);}
	8%{bottom:90px;left:100px;transform:rotate(-40deg);}
	20%{bottom:45px;left:-35px;transform:rotate(10deg);}
	21%{bottom:90px;left:-35px;}
	22%{bottom:90px;left:45px;transform:rotate(-40deg);}
	57%{bottom:90px;left:65px;transform:rotate(-40deg);}
	64%{bottom:55px;left:-30px;transform:rotate(0deg);}
	65%{bottom:90px;left:-30px;}
	66%{bottom:90px;left:190px;transform:rotate(-40deg);}
	67%{bottom:90px;left:190px;transform:rotate(-40deg);}
	100%{bottom:0;left:50px;transform:rotate(360deg);}
}
@keyframes drift8{
	0%{left:200px;bottom:90px;transform:rotate(-1080deg);}
	50%{width:40px;left:200px;bottom:90px;transform:rotate(-1080deg);}
	75%{width:40px;left:-40px;bottom:20px;transform:rotate(0deg);}
	76%{width:30px;left:-40px;bottom:90px;}
	77%{left:700px;bottom:90px;transform:rotate(-50deg);}
	85%{transform:rotate(30deg);}
	93%{transform:rotate(-40deg);}
	99%{transform:rotate(30deg);}
	100%{left:400px;bottom:47px;transform:rotate(0deg);}
}
@keyframes drift9{
	0%{left:720px;bottom:90px;z-index:1;transform:rotate(-1080deg);}
	65%{left:720px;bottom:90px;transform:rotate(-1080deg);}
	85%{left:450px;bottom:-30px;z-index:1;transform:rotate(0deg);}
	86%{left:-30px;bottom:-30px;z-index:15;}
	86.5%{left:-30px;bottom:90px;}
	87%{left:300px;bottom:90px;transform:rotate(-1080deg);}
	100%{left:120px;bottom:-17px;transform:rotate(0deg);}
}