/*	img {
		image-rendering: pixelated;
  		image-rendering: -moz-crisp-edges;
	}*/

	body {
		background:#444444;
		background-image: linear-gradient(to right, #242424 0px 3px, #dbdbdb 3px 1027px, #242424 1027px 1030px);
  		background-size: 1030px 100%;
  		background-position: 50% 100%;
  		background-repeat: no-repeat;
		font-family:Open Sans;
		margin:0;
	}

	a {
		text-decoration:none;
		font-weight:600;
	}

	h1 {
		margin:0px 0px 10px;
		font-size:146%;
		text-align:center;
	}

	#footer {
		margin-bottom:20px;
	}

	.dropdown {
		margin:auto;
		width:217px;
		font-family:Open Sans;
		padding:6px 10px;
	}

	#navbar {
		background:#9b3333;
		color:#fff;
		font-weight:700;
		font-family:Open Sans;
		padding:14px 20px;
		width:100%;
		max-width:1024px;
		margin:14px auto 24px;
		box-shadow:0px 2px 0px rgba(0,0,0,.3);
		box-sizing:border-box;
		display:none;
	}

	.icon-background {color:#9b3333;}

	.icon-background-c {color:#4e1a1a;}

	/* .icon-hover {transition:.2s;} */

	.icon-hover:hover {opacity:.9;}

	.icon-text {color:#fff;}

	.shadow {box-shadow:0px 2px 1px rgba(0,0,0,.3);}

	.text-shadow {text-shadow:0px 2px 1px rgba(0,0,0,.3);}

	.comment-button {
		padding:18px 14px;
		background:#9b3333;
		color:#fff;
		font-weight:600;
		text-transform:uppercase;
		text-decoration:none;
		margin:30px auto;
		width:220px;
		border-radius:6px;
	}

	#comic_container {
		border:2px solid #141413;
		padding:10px 4px;
		margin:10px auto 20px;
		max-width:1100px;
		background:#fff;
		border-radius:8px;
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
		justify-content:center;
	}

	#comic1 img {
		margin:auto;
		max-width:1100px;
		object-fit:contain;
		display:block;
	}

	#comic_navigation {
		margin:auto;
		width:100%;
		text-align:center;
	}
	#bottom {
		display:flex;
		flex-wrap:no-wrap;
		justify-content:space-around;
		max-width:1108px;
		margin:auto;
	}

	#news_container {
		border:2px solid #141413;
		padding:20px 30px 38px;
		margin:20px auto 24px;
		background:#eee;
		border-radius:8px;
		text-align:justify;
		flex:3;
	}

	#extra_container {
		border:2px solid #141413;
		padding:16px 30px 28px;
		margin:20px auto 24px 20px;
		background:#eee;
		border-radius:8px;
		text-align:center;
		flex:1;
	}

	@media all and (max-width: 1130px) {
		#comic_container {
			overflow-x:scroll;
			border-radius:0px;
			border-left:0;
			border-right:0;
		}
		#bottom {
			max-width:550px;
			flex-direction:column;
			align-items:center;
			box-sizing:border-box;
		}
		#news_container {
			width:100%;
			box-sizing:border-box;
			margin:20px auto 20px;
		}
		#extra_container {
			width:100%;
			box-sizing:border-box;
			margin:0px auto 24px;
		}
	}

	@media all and (max-width: 630px) {
		#bottom {
			width:90%;
			box-sizing:border-box;
		}
		#comic_navigation {
			width:90%;
			margin:auto;
		}
		.icon-hover {
			margin-bottom:8px;
		}
  	}

	.heading {
		font-weight:600;
		font-size:1.5rem;
		margin:0px 0px 4px;
	}

	.comic_info {
		font-weight:600;
		font-size:.9rem;
		color:#666;
		margin:0px 0px 1px;
	}

	.commentary {
		margin:16px 0px 0px;
	}

	.quote {    
		opacity: .7;
	    font-size: 94%;
	    width: 94%;
	    margin: 20px auto;
	}	

	.work_info {
		font-weight:400;
		font-size:.8rem;
		color:#666;
		margin:16px 0px 0px;
		text-align:center;
	}

	.hashtags {display:none;}

	.heading-titles {
		font-size:1.2rem;
		font-weight:600;
		margin:10px 0px 4px;
	}

	#header {
		width:100%;
		max-width:1000px;
		margin:auto;
		padding:30px 24px 16px;
		box-sizing:border-box;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}

	.logo {
		height:86px;
	}

	.blurb {
		height:44px;
	}

	@media all and (max-width: 630px) {
		#header {justify-content:center;}
		.logo {width:100%;margin:0px auto 8px auto;}
		.blurb {width:94%;margin:0px auto 2px;}
	}