.movieNav {
	display: -webkit-flex; /* Safari */
	display: flex;

	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;

	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;

	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
	
	justify-content: center;
	align-items: center;
	
	margin: 0px 0px 30px 0px;
}

.movieNav li {
	width: 40%;
	margin: 0px 16px 0px 16px;
}

.movieNav li a{
	display: block;
	width: 100%;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 12px 0px 12px 0px;
	background-color: #505d9d;
	border-radius: 6px;
	text-decoration: none;
}

.movieList {
	display: -webkit-flex; /* Safari */
	display: flex;

	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;

	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;

	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
}


.movieList li {
	width: calc(33% - 24px);
	margin: 0px 12px 16px 12px;
}

.movieList li img {
	width: 100%;
	margin: 0px 0px 4px 0px;
}

.movieList li span {
	display: block;
	font-size: 12px;
	color: #35458e;
}