/* CSS ANIMATION */


/* BLOCK ANIMATION */

.text-1 {
	animation: background_changing1 20s ease-in-out infinite 0.5s;
}

.text-2 {
	animation: background_changing2 20s ease-in-out infinite 0.5s;
}

.text-3 {
	animation: background_changing3 20s ease-in-out infinite 0.5s;
}

.logo {
	animation: background_changing4 20s ease-out infinite 0.5s;
}

.text-4 {
	animation: background_changing5 20s ease-out infinite 0.5s;
}

.text-5 {
	animation: background_changing5 20s ease-out infinite 0.5s;
}

@keyframes background_changing1 {
	0% {
		opacity: 0;
	}
	7% {
		opacity: 1;
	}
	14% {
		opacity: 0;
	}
}

@keyframes background_changing2 {
	15% {
		opacity: 0;
	}
	22% {
		opacity: 1;
	}
	29% {
		opacity: 0;
	}
}

@keyframes background_changing3 {
	30% {
		opacity: 0;
	}
	37% {
		opacity: 1;
	}
	44% {
		opacity: 0;
	}
}

@keyframes background_changing4 {
	45% {
		opacity: 0;
	}
	52% {
		opacity: 1;
	}
	92% {
		opacity: 1;
	}
	99% {
		opacity: 0;
	}
}

@keyframes background_changing5 {
	50% {
		opacity: 0;
	}
	57% {
		opacity: 1;
	}
	92% {
		opacity: 1;
	}
	99% {
		opacity: 0;
	}
}