/* Animation CSS
---------------------------------------------------------------------------- */
.anim {
  opacity: 0;
  transform: translate(0, 10vh);
}

.anim.a-rdy{
	transition: all 1s;
}
.anim.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.content-media.anim {
	opacity: 1;
	transform: unset;
	& .f-text {
		opacity: 0;
		transform: translate(0, 10vh);
		transition: all 1s;
	}
	& .f-asset {
		opacity: 0;
		transition: all 1s;
		transition-delay: 300ms;
	}
	&.asset-right .f-asset {
		transform: translate(10vh, 0);
	}
	&.asset-left .f-asset {
		transform: translate(-10vh, 0);
	}
	&.visible {
		& .f-text, .f-asset {
			opacity: 1;
			transform: none;
		}
	}
}

/* Disable Animations at 600px */
@media only screen and (max-width:600px) {
	.anim {
		opacity: unset;
		transform: unset;
	}
	.anim.a-rdy {
		transition: unset;
	}
	.anim.visible {
		opacity: unset;
		transform: unset;
	}
}