Антон

Подрихтовать только бы, быстро набросал

Потому что centerMode: true убрать нужно

Зачем флекс? Это обычная таблица или таблица описание dl dd dt
https://codepen.io/Anton_Eridani/pen/QWbJvPB

footer { clear: both}

@keyframes text-move {
	0% {
		left: 0;
		top: 0;
	}
	33.3% {
		left: 0;
		bottom: 0;
    top:unset;
	}
	66.3% {
    left:unset;
		right: 0;
		bottom: 0;
	}
	100% {
		right: 0;
		top: 0;
	}
}

https://www.browserstack.com

https://jsfiddle.net/y31beu6d/

https://stackoverflow.com/questions/13591584/slant...
https://stackoverflow.com/questions/17947565/how-t...

.screen, .load, .p1, .p2, .p3 , .p4 , .p5, .p6 {}

<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0 minimal-ui">

Выкиньте свой бутстрап, и классы на свои поменяйте, т.к. мне их переименовывать было лень

.doc__text {display: block}

https://jsfiddle.net/2x69zLy1/

ul {column-count:3;}