@charset "UTF-8";
/* CSS Document */

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 0;
	padding: 0;
	color: rgb(33,36,45);
	background-color: rgb(240,240,240);
}

h1,h2,h3,h4,h5 {
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}

/* ////////////// */
/* ID definitions */
/* ////////////// */

#main-wrapper {
	width: 100%;
	margin: auto;
	padding: 0;
}

#header, #footer {
	width: 100%;
	background-color: rgb(33,36,45);
	color: rgb(180,180,180);
}
#header a, #footer a {
	color: rgb(200,200,200);
	text-decoration: none;
}
#header a:hover, #footer a:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
}

#header {
	border-bottom: solid rgb(60,63,75) 1px;
	margin-bottom: 12px;
}

#footer {
	height: 100%;
	border-top: solid rgb(60,63,75) 1px;
	clear: both;
	margin-top: 12px;
}


/* ///////////////// */
/* class definitions */
/* ///////////////// */

.inner-content {
	width: calc(100% - 24px);
	max-width: 900px;
	margin: auto;
	padding: 12px;
}

.nav-bar {
	height: 100%;
}

.book-series {
	width: 100%;
	text-align: center;
}
.single-book {
	display: inline-block;
	margin: 0;
	width: calc(20% - 4px);
}
.book-thumbnail { width: 100%; height: 100%; }

.inline {
	display: inline-block;
}

.bulleted-list {
    display: grid;
    grid-template-columns: 12% 88%;
    margin: auto;
    text-align: left;
}

.list-item {
    justify-self: center;
}

.list-content {
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.bullet-point {
    width: 24px;
    height: auto;
}

.faded { opacity: 0.5; }
.tight { margin: -0.5em auto; }
.center { text-align: center; }
.right { text-align: right; }

/* ///////////////// */
/* Responsive Design */
/* ///////////////// */

@media(max-width: 600px) {
	#header img { width: 150px; height: 55px; }
	.single-book {
		width: calc(33.33% - 4px);
	}
	.book-series h2 { font-size: 1.3em; }
}
@media(min-width: 375px) {
	.nav-bar {
		text-align: right;
		width: calc(100% - 170px);
		min-width: 185px;
	}
}