@media screen and (min-width: 800px) {
	#head .logo, #plans .logo {
		animation: 2s fade-in;
	}

	@keyframes fade-in {
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}

	#head .menu a, #plans .menu a {
		opacity:0;
	}
	.menu a:nth-child(1) {
		animation: 1s fade-in 0.5s forwards;
	}
	.menu a:nth-child(2) {
		animation: 1s fade-in 0.6s forwards;
	}
	.menu a:nth-child(3) {
		animation: 1s fade-in 0.7s forwards;
	}
	.menu a:nth-child(4) {
		animation: 1s fade-in 0.8s forwards;
	}
	.menu a:nth-child(5) {
		animation: 1s fade-in 0.9s forwards;
	}
	.menu a:nth-child(6) {
		animation: 1s fade-in 1s forwards;
	}
	.menu a:nth-child(7) {
		animation: 1s fade-in 1.1s forwards;
	}

	#head .lightMessageBox {
		opacity:0;
		animation: 1.5s fade-in 1s forwards;
	}


	#features .box1 .iconBox {
		z-index:4;
		margin:40px -115px -50px 30px;
		transform:rotate(180deg);
	}
	#features .box2 .iconBox {
		z-index:3;
		margin:40px 30px -50px -115px;
		transform:rotate(180deg);
	}
	#features .box3 .iconBox {
		z-index:2;
		margin:-161px -115px -50px 30px;
		transform:rotate(180deg);
	}
	#features .box4 .iconBox {
		z-index:1;
		margin:-161px 30px -50px -115px;
		transform:rotate(180deg);
	}
	#features.animate .box1 .iconBox {
		animation: 1s box1-pos 0s forwards;
	}
	#features.animate .box2 .iconBox {
		animation: 1s box2-pos 0.2s forwards;
	}
	#features.animate .box3 .iconBox {
		animation: 1s box3-pos 0.4s forwards;
	}
	#features.animate .box4 .iconBox {
		animation: 1s box4-pos 0.6s forwards;
	}

	#features.ranimate .box1 .iconBox {
		animation: 1s box1-pos 0s reverse backwards;
	}
	#features.ranimate .box2 .iconBox {
		animation: 1s box2-pos 0.2s reverse backwards;
	}
	#features.ranimate .box3 .iconBox {
		animation: 1s box3-pos 0.4s reverse backwards;
	}
	#features.ranimate .box4 .iconBox {
		animation: 1s box4-pos 0.6s reverse backwards;
	}


	
	#features .box1 span {
		opacity:0;
	}
	#features .box2 span {
		opacity:0;
	}
	#features .box3 span {
		opacity:0;
	}
	#features .box4 span {
		opacity:0;
	}

	#features.animate .box1 span {
		animation: 1s fade-in 0.6s forwards;
	}
	#features.animate .box2 span {
		animation: 1s fade-in 0.8s forwards;
	}
	#features.animate .box3 span {
		animation: 1s fade-in 1s forwards;
	}
	#features.animate .box4 span {
		animation: 1s fade-in 1.2s forwards;
	}

	#features.ranimate .box1 span {
		animation: 1s fade-in 0.6s reverse backwards;
	}
	#features.ranimate .box2 span {
		animation: 1s fade-in 0.8s reverse backwards;
	}
	#features.ranimate .box3 span {
		animation: 1s fade-in 1s reverse backwards;
	}
	#features.ranimate .box4 span {
		animation: 1s fade-in 1.2s reverse backwards;
	}


	@keyframes box1-pos {
		0% {
			margin:40px -115px -50px 30px;
			transform:rotate(180deg);
			border-width:0;
		}
		100% {
			margin:-80px -15px -50px 30px;
			transform:rotate(0);
			border-width:50px;
		}
	}
	@keyframes box2-pos {
		0% {
			margin:40px 30px -50px -115px;
			transform:rotate(180deg);
		}
		100% {
			margin:-80px 30px -50px -15px;
			transform:rotate(0);
		}
	}
	@keyframes box3-pos {
		0% {
			margin:-161px -115px -50px 30px;
			transform:rotate(180deg);
			border-width:0;
		}
		100% {
			margin:-80px -15px -50px 30px;
			transform:rotate(0);
		}
	}
	@keyframes box4-pos {
		0% {
			margin:-161px 30px -50px -115px;
			transform:rotate(180deg);
		}
		100% {
			margin:-80px 30px -50px -15px;
			transform:rotate(0);
		}
	}
	.btn span {
		float:left;
		width:0;
		height:0;
		padding:0;
		background:rgba(0, 0, 0, 0.1);
		position:absolute;
		border-radius:300px;
		margin:0;
		animation: 0.7s btn-ripple;
	}
	@keyframes btn-ripple {
		0% {
			padding:0;
			margin:0;
			background:rgba(0, 0, 0, 0.1);
		}
		100% {
			background:rgba(0, 0, 0, 0);
			padding:300px;
			margin:-300px;
		}
	}
}