body {
	font-family:Avenir, 'Helvetica Neue', 'Open Sans', sans-serif;
	background-color:#fff;
}
a {
	text-decoration: none;
	color: rgba(52, 152, 219,1.0);
}
.container {
	max-width:1080px;
	margin:0px auto 0px auto;
}
.logo-image {
	border-bottom: 2px #2980b9 solid;
	padding-bottom:;
	width:100%;
}
.logo {
	width:512px;
	margin: 10px auto 10px auto;
	vertical-align:bottom;
}
.header{
	text-align:center;
}
.logo > h2 {
	font-weight:normal;
	margin-top:-0px;
	padding: 10px 0px 10px 0px;
	/*border-bottom: 1px #2980b9 solid;*/
}
.nav a {
	font-size:1.1em;
	width:33.3%;
	padding:5px;
	text-decoration: none;
	color:rgba(26, 76, 110,0.8);

}			
.nav a:hover {
	background-color:#ededed;
}
.nav .active {
	background-color:#efefef;
}
.nav {
	background-color:#f6f6f6;
	width:512px;
	margin: 10px auto 40px auto;
	display:flex;
	justify-content:space-around;
}
.comic-container {
	border-top: 2px #2980b9 solid;
	padding:15px;
	margin:20px auto 20px auto;
	text-align:center;
}
.comic-container img {
	max-width:100%;
}

h3 {
	font-weight:semibold;
	text-align:center;
}
.comic-container h3 {
	padding:10px;
	color:#555 !important;
	text-decoration:underline !important;
}

}
.comic-container a {
	text-decoration:underline !important;
}

footer {
	text-align:center;
	max-width:1080px;
	border-top: 2px #ccc solid;
	margin:20px auto 10px auto;
	padding:10px;
	font-size:.8em;
}

/*for mobile devices */
@media screen and (max-width:767px) {
	.nav {
		width:100%;
	}
	.container {
		width:100%;
	}
	.logo {
		width:100%;
	}
	.header {
		width:100%;
	}
	.comic-container img.comic {
		width:100%;
	}
}

/* for about page */
.face-image {
	width:150px;
	height:150px;
	border-radius:75px;
	border:2px rgba(52, 152, 219,1.0) solid;
}