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

@import url('https://fonts.googleapis.com/css?family=Acme');
@import url('https://fonts.googleapis.com/css?family=Khula');

body {
	margin: 0;
	background-color: #81210b;
	background-image: url('https://donthitsave.com/images/dhs-bg.png');
	font-family: 'Acme', Verdana, Geneva, sans-serif;
	font-weight: 300;
	color: #666666;
}

img {
	border: 0;
}

a {
	color: #FF2E1F;
}

a:visited {
	color: #c2271b;
}

p {
	font-family: 'Khula', Verdana, Geneva, sans-serif;
	font-weight: 400;
}

.page-main {
	width: 90%;
	max-width: 2000px;
	min-width: 340px;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 50;
	box-shadow: 0 0 95px #491105;
	background-color: white;
}

.page-footer {
	width: 100%;
	background-color: white;
	display: inline-block;
	margin-top: -1px;
}

.page-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#banner-bg {
	width: 100%;
	margin: 0;
}

.logobar {
	width: 100%;
	display: inline-block;
	position: absolute;
	z-index: 150;
}

.logobar-left {
	width: 75%;
	float: left;
}

#logo-img {
	width: 90%;
	display: block;
	margin: auto;
}

.logo-small img {
	margin: 40px 0 0 0;	
	width: 85%;
	padding: 10px;
	position: relative;
	display: none;
}

.show-small {
	display: none;
}

.smallcomic {
	display: none;
}

.page-area {
	width: 85%;
	max-width: 1000px;
}

.page-left {
	text-align: left;
}


/* ==========================================================================
   AMA
   ========================================================================== */

	.ama {
		margin: 36px 0 20px 0;
		width: 100%;
		max-width: 800px;
	}

	.ama table {
		border: none;
		width: 100%;
	}

	.ama-question p {
		margin-left: 6px;
		font-size: 18px;
		font-family: 'Acme', Verdana, Geneva, sans-serif;
	    font-weight: 300;
	    color: #666666;
	    padding: 0;
	}

	.ama-divider {
		height: 1px;
		background-color: #cfcfcf;
		float: left;
		width: 100%;
		margin: 0 0 12px 0;
	}
	
	.ama-author {
		margin-bottom: 16px;
		text-align: left;
		border-bottom: 1px;
	}
	
	.ama .cast-icon {
		width: 42px;
		height: 42px;
		float: left;
		margin-top: 10px;
	}
	.ama td {
		vertical-align:top;
	}
	
	.ama-answer {
		margin-top: 0px;
	}
	
	.ama-icon {
		width: 42px;
	}
	.ama li {
		font-family: 'Khula', Verdana, Geneva, sans-serif;
		font-weight: 400;
	}

/* ==========================================================================
   Contact Form
   ========================================================================== */

   .contact-form {
	   width: 70%;
	   max-width: 500px;
	   padding: 10px;
   }
   
   .contact-form input, .contact-form textarea {
	   width: 100%;
	   min-width: 200px;
   }
   
   .contact-form textarea {
		height: 100px;
   }
   
   .contact-form td {
	   vertical-align: top;
	   text-align: left;
	   padding-bottom: 6px;
   }
   
   :required {
		background: #fee191;
	}

	.submit-button {
		margin-top: 10px;
		max-width: 20px;
	}
	
/* ==========================================================================
   Cast
   ========================================================================== */

	   
	.cast-icon {
		background: url('https://donthitsave.com/images/icon-column-large.png'); height: 256px; width: 256px; overflow:hidden; background-size: 100% 1300%; background-position: 0; margin: 0; 	
	}

	.cast_icon_jeff { background-position: 0 0%; }
	.cast_icon_mrbattles { background-position: 0 8.333%; }
	.cast_icon_janet { background-position: 0 16.66%; }
	.cast_icon_ricky { background-position: 0 25%; }
	.cast_icon_chet { background-position: 0 33.33%; }
	.cast_icon_gwen { background-position: 0 41.66%; }
	.cast_icon_computer { background-position: 0 50%; }
	.cast_icon_phone { background-position: 0 58.33%; }
	.cast_icon_generic { background-position: 0 66.66%; }
	.cast_icon_governmentguy { background-position: 0 75%; }
	.cast_icon_scene { background-position: 0 83.33%; }
	.cast_icon_hardware { background-position: 0 91.66%; }
	.cast_icon_sammy { background-position: 0 100%; }

	.cast-item {
		display: block;
		width: 85%;
	}

	.cast-table {
		width: 80%;
		margin-left: -48px;
	}

	.cast-table-right {	
		margin: 0;
	}

	.cast-table td {
		vertical-align: middle;
	}

	.cast-text {
		display: block;
	}

	.flip {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	.cast-icon-top {
		display: none;
		width: 180px;
		height: 180px;
		margin: 56px 0 -36px 0;
	}

	.cast-icon-other {
		width: 96px;
		height: 96px;
		float: right;
	}
	
	.cast-table-other {
		margin-bottom: 48px;
	}
	
	.cast-table-other td {
		padding-bottom: 48px;
	}
   
/* ==========================================================================
   About
   ========================================================================== */

   .page-about h3 {
   		margin-top: 36px;
   }

   #about-panel {
   		width: 80%;
   		min-width: 289px;
   }

   #about-jeff {
   		float: right;
   		width: 50%;
   }

   .captionarea {
   		margin-bottom: 36px;
   }

   .about-cast {
   		float: right;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
   }

/* ==========================================================================
   Search
   ========================================================================== */

	.search-terms p {
		font-style: italic;
		margin: 0;
		padding: 0;
		
	}


/* 


==========================================================================
   Archive
   ========================================================================== */

	.archive-list {
		margin-bottom: 36px;
		max-width: 85%;
	}
	.archive-table td {
		vertical-align: top;
		padding-bottom: 2px;
	}
	.archive-date {
		text-align: right;
		min-width: 100px;
	}
	.archive-link {
		text-align: left;
	}
	.archive-spacer {
		padding: 0 6px;
	}
	

/* ==========================================================================
   Menu
   ========================================================================== */

	.menu-bar-container {
		width: 100%;
		position: relative;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	}

	.menu-bar {
		background-color: black;
		color: white;
		z-index: 500 !important;
		position: relative;
	}

	.menu-bar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #111;
	}

	.menu-bar li {
		float: right;		
	}

	.menu-bar li a {
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		color: white;
		text-align: center;
		padding: 22px 26px;
		text-decoration: none;		
		transition: 0.3s;
		font-size: 17px;
	}

	.menu-bar li a:hover {
		background-color: #c9401e;
	}	
	
	.menu-logo {
		margin-left: 32px;
		opacity: 0;
	}

	.menu-logo img {
		width: 230px;
		margin: 5px -10px 10px 0px;
		position: absolute;
		z-index: 50;
	}
	
	.menu-icon {
		display: none;
		text-align: right;
	}
	
	.menuShown ul:not(:first-child) {
		transform: rotate(180deg);
	}
	.menuShown a {
		transform: rotate(180deg);
	}
	.menuShown .menu-bar-icon {
		display: none !important;
	}
	
/* ==========================================================================
   Comic Navigation
   ========================================================================== */

	.nav-bar {
		margin-top: 12px;
		margin-bottom: 24px;
	}
	
	.nav-bar-below {
		margin-top: 30px;
	}

	.nav-button {
		background-color: #7a7a7a;
		margin: 0;
		color: white;
		text-align: center;
		padding: 8px 12px;
		text-decoration: none;
	}

	a.nav-button {
		color: white;
	}

	.nav-button:hover {
		background-color: #c9401e;
	}

	.nav-button-jumpto {
		background-color: #cd1f07;
	}

	.nav-button-left {
		border-right: 1px solid #f1f1f1;
	}

	.nav-button-form {
		background-color: #111;
		margin: 0;
		color: white;
		text-align: center;
		padding: 8px 12px;
		text-decoration: none;
		border: none;
		font-family: "Signika", Verdana, Geneva, sans-serif;
		font-weight: 300;
	}

	.nav-button-form:hover {
		background-color: #c9401e;
	}
	
	.nav-at-end .nav-end {
		opacity: 0.35;
	}
	
	.nav-at-begin .nav-begin {
		opacity: 0.35;
	}


/* ==========================================================================
   Share Area
   ========================================================================== */

	.share-area {
		margin-top: 0;
		width: 79%;
		display:inline-block;
		clear: both;
		max-width: 510px;
		margin-left: -10px;
	}
	.comic-shares {
		margin: 0 auto;
		display: inline-block;
		float: right;
	}
	.comic-patreon {
		display: inline-block;
		float: left;
	}
	.comic-shares-links {
		width: 144px;
		display: inline-block;
		margin-bottom: -9px;
	}
	.comic-shares-patreon {
		display: inline-block;
		margin-bottom: -18px;
		margin-top: -9px;
	}
	.comic-shares-patreon img {
		max-width:90%;
		margin:15px 0 -3px; -6px;
	}
	.comic-shares-text {
		display: inline-block;
	}



.active {
	background-color: #333;
}

.comic-content {
	width: 100%;
	background-color: white;
}

.main-content {
	width:75%;
	float: left;
	display: block;
}

.sidebar-content {
	width: 25%;
	float: left;
	background: #ffffff;
	display: block;
}

.sidebar-cereal {
	 margin-bottom: 10px !important;
}

.paypal-bar input {
	width:100%;
}

.patreon img {
	position: relative;
	max-width:100%;
}

.merch img {
	position: relative;
	max-width:100%;
}

.kofi {
	padding-top: 20px;
	width: 100%;
	margin-right: 50px;
	display: block;
}

.kofi .btn-container {
	width: 100%;
}

.kofi .kofi-button {
	width: calc(100% - 24px);
}

.bgshadow {
	background-image: url('https://donthitsave.com/images/dhs-bg-shadow.png');
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	height: 120%;
	margin: 0;
	position: fixed;
	z-index: -5;
	top: 0;
	left: 0;
	pointer-events: none;
}

.title {
	margin: 60px 0 40px 0;
}

.title-date {
	color: #aaaaaa;
}

.form-input {
	width: 200px;
	height: 30px;
	margin-right: 6px;
}

.footer-nav,
.footer-copy {
	display: block;
	width: 85%;
	margin: 0 0 10px 0;
}

/* ==========================================================================
   Social Buttons
   ========================================================================== */

	.social-bar {
		display: block;
		float: left;
		width: 100%;
		margin: 0 0 40px 0;
	}

	.social-button {
		color: white;
		text-decoration: none;
		display: inline-block;
		margin: 1px;
	}

	.social-button-box {
		background-color: #111;
		display: block;
		background-color: black;
		color: white;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 26px;
		-o-transition: .35s;
		-ms-transition: .35s;
		-moz-transition: .35s;
		-webkit-transition: .35s;
		transition: .35s;
	}

	.social-button-box:hover {
		background-color: #c9401e;
	}

	.social-button-box i {
		margin-top: 12px;
		pointer-events: none;
	}

	.box-social-facebook {
		background-color: #aeaeae;
	}

	.box-social-facebook:hover {
		background-color: #235b9e;
	}

	.box-social-twitter {
		background-color: #cccccc;
	}

	.box-social-twitter:hover {
		background-color: #00abe3;
	}

	.box-social-instagram {
		background-color: #9b9b9b;
	}

	.box-social-instagram:hover {
		background-color: #2d80a6;
	}

	.box-social-reddit {
		background-color: #bababa;
	}

	.box-social-reddit:hover {
		background-color: #ff5c00;
	}

	.box-social-googleplus {
		background-color: #c2c2c2;
	}

	.box-social-googleplus:hover {
		background-color: #dd372a;
	}

	.box-social-rss {
		background-color: #c8c8c8;
	}

	.box-social-rss:hover {
		background-color: #ff8405;
	}

	.box-social-youtube {
		background-color: #aeaeae;
	}

	.box-social-youtube:hover {
		background-color: #ff312e;
	}

	.box-social-pinterest {
		background-color: #a1a1a1;
	}

	.box-social-pinterest:hover {
		background-color: #eb1a22;
	}

	.box-social-tumblr {
		background-color: #a5a5a5;
	}

	.box-social-tumblr:hover {
		background-color: #0f4260;
	}

	.box-social-email {
		background-color: #b6b6b6;
	}

	.box-social-email:hover {
		background-color: #ffc632;
	}

.sidebar-yt {
	width: 100%;
}

#menu {}

.update-text {
	margin:  0 0 30px 0;
	font-family: 'Khula', Verdana, Geneva, sans-serif;
	font-weight: 400;
	line-height: 1.1;
	font-size: 16px;
	padding: 10px;
	background-color: #ececec;
}

.sidebar-page {
	margin: 0;
}

.sidebar-page img {
	width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: 5;
}

.sidebar-page img.pagelink:hover {
	opacity: 0;
}

.update-pagelink {
	background-position: 50% 50%;
	background-size: cover;
	margin:0;
}


.spacer {
	width: 100%;
	height: 50px;
}

.newspost {
	width: 79%;
	text-align: left;
	margin-top: 80px;
	max-width: 900px;
}

.newspost li {
	font-family: 'Khula', Verdana, Geneva, sans-serif;
	font-weight: 400;
}

.commentaryarea {
	width: 79%;
	text-align: left;
	max-width: 900px;
	margin-top: 20px;
}

.sidebar-items {
	margin: 66px 80px 0 -30px;
}

.sidebar-item {
	margin-bottom: 40px;
	display: block;
}

.sidebar-item h3 {
	margin-bottom: 10px;
}

.sidebar-item-left {
	display: inherit;
}
.sidebar-item-right {
	display: inherit;
}

/* ==========================================================================
   YouTube
   ========================================================================== */
.vid {
	padding-top:30px;
	height:0;
	position:relative;
	padding-bottom:56.25%;
	overflow:hidden;
}

.vid iframe, .vid embed, .vid object {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
}
   
   

/* ==========================================================================
   Comic Script
   ========================================================================== */

	button.accordion {		
		color: #666666;
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 10px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;		
		font-family: 'Khula', Verdana, Geneva, sans-serif;
		font-weight: 300;
		font-size: 16px;
	}	

	button.accordion:after {
		content: '\002B';
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

	button.accordion.active:after {
		content: "\2212";
	}	
	
	.accpanel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.8s ease-out;
	}
	
	.sidebar-script {
		padding: 12px;
		background-color: #f7f7f7;
		margin: 0;
	}
	
	.sidebar-script h4 {
		padding:10px;
		margin: 10px 0 10px 0;
	}
	
	.sidebar-script p {
		margin:0;
	}

	.sidebar-script-table {
		width: auto;
		display: table;
		border-spacing: 20px 10px;
		table-layout: fixed;
		margin-left: -18px;
	}

	.sidebar-script tr {
		padding: 10px;
		vertical-align: top;
	}

	.script_dialogue {
		margin: 0 0 0 -10px;
		line-height: 1.2;
	}

	.script_divider {
		height: 1px;
		background-color: #cfcfcf;
		width: 90%;
		margin: 6px auto;
	}

	.script_icon {
		width: 36px;
	}

	.script_icon_box {
		width: 36px;
		height: 36px;
		overflow: hidden;
		margin-top: -5px;
	}

	.script_icon_box img {
		width: 36px;
		height: 468px;
	}

	.script_icon_jeff {
		margin: 0px 0 0 0;
	}

	.script_icon_mrbattles {
		margin: -36px 0 0 0;
	}

	.script_icon_janet {
		margin: -72px 0 0 0;
	}

	.script_icon_ricky {
		margin: -108px 0 0 0;
	}

	.script_icon_chet {
		margin: -144px 0 0 0;
	}

	.script_icon_gwen {
		margin: -180px 0 0 0;
	}

	.script_icon_computer {
		margin: -216px 0 0 0;
	}

	.script_icon_phone {
		margin: -252px 0 0 0;
	}

	.script_icon_generic {
		margin: -288px 0 0 0;
	}

	.script_icon_governmentguy {
		margin: -324px 0 0 0;
	}

	.script_icon_scene {
		margin: -360px 0 0 0;
	}

	.script_icon_hardware {
		margin: -396px 0 0 0;
	}

	.script_icon_sammy {
		margin: -432px 0 0 0;
	}

	
/* ==========================================================================
   Search Box (unused)
   ========================================================================== */

	#googleSearch {
		color: #000000;
	}

	#googleSearch a {
		padding: 0 !important;
	}

	.searchdiv {
		max-width: 400px;
		margin: auto;
		text-align: left;
		font-size: 16px
	}

	div.cse .gsc-control-cse,
	div.gsc-control-cse {
		background-color: transparent;
		border: none;
		padding: 6px;
		margin: 0px
	}

	td.gsc-search-button input.gsc-search-button {
		background-color: #4CAF50;
		border-color: #4CAF50
	}

	td.gsc-search-button input.gsc-search-button:hover {
		background-color: #46a049;
	}

	input.gsc-input,
	.gsc-input-box,
	.gsc-input-box-hover,
	.gsc-input-box-focus,
	.gsc-search-button {
		box-sizing: content-box;
		line-height: normal;
	}

	.gsc-tabsArea div {
		overflow: visible;
	}	
	
/* ==========================================================================
   Jumpto Anchors
   ========================================================================== */

	#newsanchor {
		position: fixed;
		z-index: 1;
		margin-top: -70px;
	}

	#menuanchor {
		position: fixed;
		z-index: 1;
		margin-top: 1px;
	}

/* ==========================================================================
   Comic
   ========================================================================== */

	.comic-image {
		width: 85%;
		max-width: 1024px;
		display: block;
		margin: auto;
	}

	.comicfull {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.comic {
		position: relative;
		background-size: 213.333% 213.333%;
		margin: 0 5px 0 10px;
		z-index: 2;
	}

	.spacer {
		width: 100%;
		height: auto
	}

	.panels {
		max-width: 800px;
		margin: -6px 0 -6px 0
	}

	.panel1 {
		background-position: 5.5% 3.15%
	}

	.panel2 {
		background-position: 95% 3%
	}

	.panel3 {
		background-position: 5.5% 90%
	}

	.panel4 {
		background-position: 95% 89.95%
	}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
	@media only all and (min-width:75rem) {
		.largecomic {
			display: inline;
		}
		.smallcomic {
			display: none;
		}
		.menu-icon {
			display: none;
		}
		.menu-bar li a {
			padding: 22px 28px;
		}
	}

	@media only all and (min-width:74.938rem) and (max-width:84.938rem) {
		.mid-hide {
			display: none;
		}
		.menu-bar li a {
			padding: 22px 24px;
		}
	}

	@media only all and (min-width:68rem) and (max-width:74.938rem) {
		.largecomic {
			display: inline;
		}
		.smallcomic {
			display: none;
		}		
		.menu-icon {
			display: none;
		}
		.menu-bar li a {
			padding: 22px 18px;
		}
		.mid-hide {
			display: none;
		}
	}

	@media only all and (min-width:48rem) and (max-width:67.938rem) {
		.largecomic {
			display: inline;
		}
		.smallcomic {
			display: none;
		}
		.menu-icon {
			display: block;
		}
		.menu-bar-container li:not(:first-child) {
			display: none;
		}
		.menu-bar-container li.menu-icon {
			position: relative;
			right: 0;
			top: 0;
		}		
		.menuShown li {
			float: none;
			display: inline !important;
		}
		.menuShown li a {
			display: block;
			text-align: left;
		}
		.menuShown li.menu-icon a {
			text-align: right;
		}		
		.sidebar-content {
			width: 100%;
			position: relative;
			float: right;
		}
		.sidebar-items {
			width: 85%;
			margin: 66px auto 0 auto;
		}
		.title {
			margin-top: 20px;
		}
		.main-content {
			width:100%;
		}
		
		.sidebar-row {
			width: 100%;
			height: 200px;
		}
		
		.tablet-left {
			width: 25%;
			position: relative;
			min-width: 165px;
		}
		.tablet-right-top {
			margin-top: -82px;
		}
		.tablet-right {			
			width: 70%;
			float: right;
			position: relative;
		}
		.tablet-full {
			float: left;
			width: 100%;	
			position: relative;			
		}
		.tablet-hide {
			display:none;
		}
		
		.sidebar-item-left {
			float: left;
			width: 48%;
		}
		.sidebar-item-right {
			float: right;
			width: 48%;
			margin-bottom: 60px;
		}
		
		.update-text {
			min-height: 53px;
		}	
		
	}

	@media only all and (min-width:30.062rem) and (max-width:47.938rem) {
		.largecomic {
			display: none;
		}
		.smallcomic {
			display: inline;
		}
		.menu-icon {
			display: block;
		}
		.menu-bar-container li:not(:first-child) {
			display: none;
		}
		.menu-bar-container li.menu-icon {
			position: relative;
			right: 0;
			top: 0;
		}		
		.menuShown li {
			float: none;
			display: inline !important;
		}
		.menuShown li a {
			display: block;
			text-align: left;
		}
		.menuShown li.menu-icon a {
			text-align: right;
		}		
		.sidebar-content {
			width: 100%;
			position: relative;
			float: right;
		}
		.sidebar-items {
			width: 85%;
			margin: 66px auto 0 auto;
		}
		.title {
			margin-top: 20px;
		}
		.main-content {
			width:100%;
		}
		.nav-button-text {
			display: none;
		}
		.hide-smalltablet {
			display: none;
		}
		.tablet-hide {
			display:none;
		}
		.cast-icon-top {
			display: block;
		}
		.cast-icon-side {
			display: none;
		}
		.share-area {
			margin-top: 24px;
			margin-bottom: 42px;
		}
		.comic-shares {
			float: none;
			margin: 0 auto;
		}
		.comic-patreon {
			float: none;
			margin-top: -10px;
		}		
		.comic-patreon .comic-shares-text {
			display: none;
		}
		.comic-shares-text {
			display: inline-block;
		}

		#about-jeff {
	   		width: 100%;
		}
	}

	@media only all and (max-width:30rem) {
		.largecomic {
			display: none;
		}
		.smallcomic {
			display: inline;
		}
		.menu-icon {
			display: block;
		}
		.menu-bar-container li:not(:first-child) {
			display: none;
		}
		.menu-bar-container li.menu-icon {
			position: relative;
			right: 0;
			top: 0;
		}		
		.menuShown li {
			float: none;
			display: inline !important;
		}
		.menuShown li a {
			display: block;
			text-align: left;
		}
		.menuShown li.menu-icon a {
			text-align: right;
		}
		.page-banner {
			display:none !important;
		}	
		.sidebar-content {
			width: 100%;
			position: relative;
			float: right;
		}
		.sidebar-items {
			width: 85%;
			margin: 66px auto 0 auto;
		}
		.title {
			margin: 20px 0 24px 0;
			max-width: 85%;
		}
		.main-content {
			width:100%;
		}
		.nav-button-text, .hide-small {
			display: none;
		}
		.menu-logo {
			opacity: 1 !important;
		}
		.show-small {
			display: inherit !important;
		}
		.cast-icon-top {
			display: block;
		}
		.cast-icon-side {
			display: none;
		}
		.share-area {
			margin-top: 24px;
			margin-bottom: 42px;
		}
		.comic-shares {
			float: none;
			margin: 0 auto;
		}
		.comic-patreon {
			float: none;
			margin-top: -10px;
		}		
		.comic-patreon .comic-shares-text {
			display: none;
		}
		.comic-shares-text {
			display: inline-block;
		}

		#about-jeff {
	   		width: 100%;
		}

	}