.logo-line-1 {
	animation: slideInLeft 1s;
}

.logo-line-2 {
	animation: slideInBottom 1s;
}

.logo-line-3 {
	animation: slideInTop 1s;
}

.logo-line-4 {
	animation: fadeIn 1s;
}

.logo-text {
	animation: fadeIn 2s;
    fill: #fff;
}

@keyframes slideInLeft {
    from { transform: translate(-70px, 0px); }
    to   { transform: translate(0px, 0px); }
}

@keyframes slideInBottom {
    from { transform: translate(20px, 50px); }
    to   { transform: translate(0px, 0px); }
}

@keyframes slideInTop {
    from { transform: translate(20px, -50px); }
    to   { transform: translate(0px, 0px); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}