.hero-text-row {

    animation-name: content-slide;
    animation-duration: 2s;
}


@keyframes content-slide {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes text-slide-right {
	0% {
		transform: translateX(-100px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes text-slide-up {
	0% {
		transform: translateY(70px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}