/* в animation годится любая последовательность аргументов, кроме временных: duration, delay */ 

/* mine: */
@keyframes menuFallDown {
	0% {
		transform: translateY(-100px);
	}
	100% {
		transform: translateY(0);
	}
}



/* use daneden: https://daneden.github.io/animate.css/ */

.hero .motto     { animation: fadeIn        both 1000ms  500ms ease-in-out;}
.headingsWrapper { animation: fadeIn        both 1000ms 1500ms ease-in-out;}
.callToAction    { animation: bounceInRight both 1200ms 2000ms ease-in-out;}
.hero .social    { animation: bounceInRight both 1200ms 2500ms ease-in-out;}

nav a:nth-child(1) { animation: slideInDown both 300ms 3000ms ease-in-out; }
nav a:nth-child(2) { animation: slideInDown both 300ms 3100ms ease-in-out; }
nav a:nth-child(3) { animation: slideInDown both 300ms 3200ms ease-in-out; }
nav a:nth-child(4) { animation: slideInDown both 300ms 3300ms ease-in-out; }
nav a:nth-child(5) { animation: slideInDown both 300ms 3400ms ease-in-out; }
nav a:nth-child(6) { animation: slideInDown both 300ms 3500ms ease-in-out; }