.diagonal_slide_up {
	text-align: center;
	opacity: 0;
	transform: translate(100px,100px);
	transition: opacity 1s ease-out, transform 2s ease-out;
  }

.diagonal_slide_down {
	text-align: center;
	opacity: 0;
	transform: translate(-100px, -100px);
	transition: opacity 1s ease-out, transform 2s ease-out;
  }

body.loaded .diagonal_slide_up,
body.loaded .diagonal_slide_down {
  transform: translate(0,0);
  opacity: 1;
  }

.vertical_slide_left {
	text-align: center;
	opacity: 0;
	transform: translateX(100px);
	transition: opacity 1s ease-out, transform 2s ease-out;
  }

.vertical_slide_right {
	text-align: center;
	opacity: 0;
	transform: translateX(-100px);
	transition: opacity 1s ease-out, transform 2s ease-out;
  }

body.loaded .vertical_slide_left,
body.loaded .vertical_slide_right {
  transform: translateX(0);
  opacity: 1;
  }