@charset "utf-8";
/* CSS Document */
body {
	margin-top: 0 5%;
	font: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	background: #000000;
}
li {
	text-align: left;
	color: #ffffff;
}
a {
	color: #ffffcc;
}
h1, h2, h3 {
	color: #ffffff;
	max-width: 1000px;
	margin: 1em auto;
	text-align: center
} p {
	color: #ffffff;
	max-width: 1000px;
	margin: 1em auto;
	text-align: justify;
}
.logo {
	text-align: center;
}
.logo img {
	max-width: 90%;
	height: auto;
}
ul.intro {
	max-width: 800px;
	margin: auto;
}
ul.genres {
	display: inline-block;
	list-style-image: none; 
	list-style-type: none;
	text-align: center;
	margin-bottom: 1.5em;
}
ul.genres li{
	display: inline-block;
	vertical-align: top;
	list-style-image: none; 
	list-style-type: none;
	text-align: center;
	width: 200px;
	height: 350px;
	color: #ffffff;
	margin: 1em;
}
@media screen and (max-width : 600px) {
	p {
		font-size: 110%;
		max-width: 90%;
		text-align: left;
	}
}