.view-content-list main .main-container {

	.page-content {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;

		.dirview {
			padding: 0 10px 40px 10px;

			ul {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;

				li {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					flex-shrink: 0;
					margin: 18px;

					a {
						color: white;
						text-decoration: none;
						flex: 1;
						text-align: center;
						font-size: 12px;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						align-items: center;

						i {
							font-size: 64px;
							margin-bottom: 12px;
						}

						&:hover {
							color: #DDD;
						}
					}
				}
			}
		}
	}
}