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

	body {
		background:#1D293E;
		background-image: linear-gradient(to right, #02060E 0px 3px, #BABDC2 3px 1027px, #02060E 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;
	}

	#header img {
		image-rendering: initial;
  		image-rendering: -moz-initial;
	}

	#footer {
		margin-bottom:20px;
	}

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

	.icon-background {color:#0E4CB5;}

	.icon-background-c {color:#203C7D;}

	.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);}

	#comic_container {
		border:2px solid #080D19;
		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;
	}

	#comic2 img {
		display:none;
	}
	#comic3 img {
		display:none;
	}
	#comic4 img {
		display:none;
	}

	#comic_navigation {
		margin:auto;
		width:100%;
		text-align:center;
	}

	#bottom {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		max-width:1108px;
		margin:auto;
	}

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

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

	@media all and (max-width: 1160px) {
		#comic_container {
			width:550px;
		}
		#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;
		}
		#comic1 img {
		margin:auto;
		width:530px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 4% 0%;
	}
  		#comic2 img {
		margin:auto;
		margin-top:-25px;
		width:530px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 96% 0%;
		}
  	}

	@media all and (max-width: 630px) {
		#comic_container {
			width:316px;
			margin:10px auto 20px;
			padding:10px 0px 16px 8px;
		}
		#comic1 img {
		margin:auto;
		width:255px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 4% 0%;
		}
		#comic2 img {
		margin:auto;
		margin-top:-25px;
		width:255px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 35% 0%;
		}
		#comic3 img {
		margin:auto;
		margin-top:-25px;
		width:255px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 66% 0%;
		}
		#comic4 img {
		margin:auto;
		margin-top:-25px;
		width:255px;
		height:375px;
		display:block;
		object-fit:cover;
  		object-position: 97% 0%;
		}
		#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;
	}

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

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

	.hashtags {display:none;}

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

	.logo {
		height:70px;
	}

	.blurb {
		height:50px;
	}

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