

body
{
	background-color:#E9EAEB;
}

#main-content
{
	padding-left: 9%;
	padding-right: 9%;
}
.fontstyle
{	
	font-family: "Lato";
	
	font-weight: 300;
}

/**ONAM FALLING FLOWERS**/

.fallingLeaves {
    text-align: center;
}
.fallingLeaves span {
  display: inline-block;
  width: 80px;
  height: 80px;
	margin: -280px 40px 54px  -34px;
	background:url("images/leaf.png") center top no-repeat;
    
    -webkit-animation: fallingLeaves 10s infinite  linear;
    -moz-animation: fallingLeaves 10s infinite  linear;
}

.fallingLeaves span:nth-child(2n+2) {

    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
}
.fallingLeaves span:nth-child(5n+5) {

    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}
.fallingLeaves span:nth-child(3n+2) {

    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}
.fallingLeaves span:nth-child(2n+5) {

    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.fallingLeaves span:nth-child(3n+10) {

    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}
.fallingLeaves span:nth-child(7n+2) {

    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}
.fallingLeaves span:nth-child(4n+5) {

    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
}
.fallingLeaves span:nth-child(3n+7) {

    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;

	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  25% {
    opacity: 0;

	-webkit-transform: translate(100px, 200px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;

	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
@-moz-keyframes fallingLeaves {
  0% {
    opacity: 1;
    
	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  55% {
    opacity: 0;
   
	-webkit-transform: translate(100px, 350px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;
    
	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
/**ONAM FALLING FLOWERS**/


@media (max-width:580px){
	#main-content
	{
		padding-left: 4%;
		padding-right: 4%;
	}
}