#mainPicture{
	width:100%;
}

#sliderContainer{
	background-color:#e3d0b1;
	position: relative;
	padding-top:5%;
	padding-bottom:5%;
	top:-10px;
}

ul#comics{ max-width:100%; text-align:center; margin: 0 auto; padding-top: 50px; padding-left: 0px; padding-right: 0px; list-style: none; overflow:visible;}
ul#comics li{ max-width: 360px; max-height: 260px; display:block; float: left; margin-right: auto; margin-left: auto; margin-bottom: 10px; padding:1%;}
ul#comics li picture{ display:block; max-width: 360px; max-height: 260px;}

ul#comics li picture img { max-width:338px; width:100%; border:0; }

nav {
	position: fixed;
}


@media screen and (min-width:50px) {
	#mainPicture img{width:100%;}
	ul#comics li { display:inline-block; float:none; margin-bottom: -25px; padding:1%;}
	ul#comics li picture img { max-width:360px; width:100%; border:0; }

}

@media screen and (min-width:400px) {
}

@media screen and (min-width:500px) {
	ul#comics li picture img { max-width:343px; width:100%; border:0; }
	ul#comics li { margin-bottom: 5px;}
}

@media screen and (min-width:600px) {
}

@media screen and (min-width:665px) {

}

@media screen and (min-width:800px) {
	ul#comics li { margin-bottom: 10px;}
	ul#comics li picture img { max-width:334px; width:100%; border:0; }
}

@media screen and (min-width:1000px) {

}

@media screen and (min-width:1200px) {
}

@media screen and (min-width:1300px) {
}

@media screen and (min-width:1550px) {
}

@media screen and (min-width:1600px) {
}