

@media only screen and (max-width: 47.9375em) { /* 767px */

	.main-content .event-details {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 24px;
		border-left: 0;
	}

	.main-content .event-details + .event-copy {
		margin-top: 24px;
		margin-right: 0;
		padding-right: 0`		border-right: 0;
	}

	.main-content .logistics .logistics-block {
		display: inline-block;
		vertical-align: top;
		width: 45%;
		margin-bottom: 1em;
		text-align: left;
	}

	.main-content .logistics .logistics-block:first-of-type {
		padding-right: 18px;
	}

	.main-content .logistics-block.bordered {
		width: 100%;
		text-align: center;
		padding-top: 1em;
	}

	.main-content .logistics span {
		display: inline;
		padding: 0;
	}

	.main-content .logistics span.where {
		display: block;
	}

	.main-content .logistics span.what1:after {
		content: ", ";
	}

	.main-content .logistics span.time {
		display: inline-block;
		clear: both;
	}

	.main-content .logistics span.register-link {
		display: block;
	}

	.main-content .logistics span.big-number,
	.main-content .logistics span.register-link a {
		font-size: 16px;
	}

	.main-content .logistics span.register-link a {
		display: inline;
	}

	.simple-form label {
		width: 100%;
	}

	label.list {
		margin-bottom: 6px;
	}

	.main-wrapper.stacker {
		overflow: hidden;
	}

	.two-column-display .main-content,
	.two-column-display .secondary-column {
		display: block;
		width: auto;
		margin-left:0;
		margin-right: 0;
	}

	.item-summary {
		width: 49%;
	}

	.item-summary:nth-of-type(2n) figure,
	.item-summary:nth-of-type(2n) h1,
	.item-summary:nth-of-type(2n) h2,
	.item-summary:nth-of-type(2n) p,
	.item-summary:nth-of-type(2n) ul {
		margin-right: 0;
	}

	.item-summary:nth-of-type(3n) figure,
	.item-summary:nth-of-type(3n) h1,
	.item-summary:nth-of-type(3n) h2,
	.item-summary:nth-of-type(3n) p,
	.item-summary:nth-of-type(3n) ul {
		margin-right: 24px;
	}

	.variable-column, .variable-column:first-child {
		width: auto;
	}

	.variable-column .item-summary {
		width: auto;
	}

	.main-content > ul.entry-list > li.featured-comment:before {
		font-size: 78px;
	}

	.main-content > ul.entry-list > li.featured-comment p {
		clear: both;
	}

	.main-content > ul.entry-list > li.featured-comment footer .source-title,
	.main-content > ul.entry-list > li.featured-comment footer .commenter-name + time {
		display: inline;
	}

	.two-column-display.no-top .main-content {
		border-right: 0;
	}

	/* ----------------------	COMMENT-FORMS	---------------------- */
	ol.article-comments li.commenter-signin, ol.article-comments li.comment-form {
	    padding: 32px 16px;
	}
	.placeholder.loader .top-header {
    	margin-left: 0px;
    	width: 70%;
	}
	/* ----------------------	TOOLS	---------------------- */
	.main-content.tools {
		width: 80%;
	}
	/* ----------------------	RESPONSIVE TABLES	---------------------- */
	figure:not(.not-rwd) table {
	    display: block;
	    width: 100%;
	    border-bottom: 1px solid #bfbfbf;

	    /*
	     * make everything display block so it 
	     * aligns vertically
	     */
	    /* Labeling
	     * adding a data-title attribute to the cells
	     * lets us add text before the content to provide
	     * the missing context
	     * 
	     * Markup: 
	     *   <td data-title="Column Header">Content Here</td>
	     * 
	     * Display:
	     *   Column Header: Content Here
	     */
	}

	figure:not(.not-rwd) table caption {
		display: block;
	}

	figure:not(.not-rwd) table thead {
		display: none;
		visibility: hidden;
	}

	figure:not(.not-rwd) table tbody, figure:not(.not-rwd) table tr, figure:not(.not-rwd) table th, figure:not(.not-rwd) table td {
		border: 0;
		display: block;
		padding: 0;
		text-align: left;
		white-space: normal;
	}

	figure:not(.not-rwd) table tr {
		margin-bottom: 1em;
	}
	
	figure:not(.not-rwd) .gist table {
		display: table;
	}

	figure:not(.not-rwd) .gist table tr {
		display: table-row;
		margin-bottom: 0;
	}

	figure:not(.not-rwd) .gist table td {
		display: table-cell;
	}

	table th[data-title]:before,
	table td[data-title]:before {
		content: attr(data-title) ": ";
		font-weight: bold;
		font-family: "Franklin ITC", sans-serif;
	}

	table th:not([data-title]) {
		font-weight: bold;
		font-family: "Franklin ITC", sans-serif;
	}

	table td:empty {
		display: none;
	}
	/*--- Turn off zebra striping ---*/
	.main-content > figure:not(.not-rwd) table tbody tr:nth-child(odd) td {
     	background: none; 
	}
	/*--- Turn off column borders ---*/
	.col-1 tr :nth-child(1):not(code), .col-2 tr :nth-child(2):not(code), .col-3 tr :nth-child(3):not(code):not(span), .col-4 tr :nth-child(4):not(code) {
		border: none;
	}

	caption {
		border: none;
		border-bottom: 1px solid #bfbfbf;
	}

	.main-content > figure table th, .main-content > figure table td {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	/*for tables up to entry_id 16246 before responsive table implementation using the data-title attribute*/
	figure.not-rwd {
		overflow: auto;
	}

	#home-page .variable-column {
		width: auto;
		max-width: 100%;
	}

	#home-page .fixed-column {
		position:static;
	}
}


@media only screen and (max-width: 37.5em) { /* 600px */

	html, body {
		font-size:18px;
		line-height:26px;
	}

	.sponsor-top,
	.secondary-column .sponsor-top {
		position: absolute;
		right: 0;
		top: 0;
		width: auto;
		height: 41px;
		padding: 0;
		background: none;
		border-radius: 0;
		box-shadow: none;
		text-align: left;
		vertical-align: middle;
	}

	.secondary-column .sponsor-top {
		display: block;
		top: -176px;
	}

	.sponsor-top.sponsor-alt {
		right: auto;
		height: auto;
		text-align: left;
	}

	.sponsor-top p {
		display: none;
		margin: 1px 12px 0 0;
		line-height: 18px;
		font-size: 14px;
		text-align: left;
		padding-right: 12px;
	}

	.sponsor-top.sponsor-alt p {
		margin: 0 12px;
		line-height: 18px;
		font-size: 12px;

		width: auto;
	}

	.sponsor-top .sponsor-logo {
		display: inline-block;
		vertical-align: top;
		left: auto;
		max-height: 32px;
		max-width: 70px;
		margin-top: 6px;
		margin-right: 6px;
	}

	.sponsor-top.sponsor-alt .sponsor-logo {
		margin-top: 0;
	}

	.sponsor-top .sponsor-extended, .sponsor-top .sponsor-url {
		display: none;
	}

	.sponsor-top.sponsor-alt .sponsor-extended {
		display: inline-block;
	}

	.event-details .sponsor-block {
		margin-bottom: 36px;
	}

	.global-nav {
		position: static;
		padding: 0;
		border-top: 1px solid #222;
	}

	.global-nav.deluxe {
		position: absolute;
		display: none;
		top: 41px;
		left: 0;
		border-top: none;
	}

	.global-nav:target {
		-webkit-animation: none;
		-moz-animation:  none;
	}

	.show-nav .global-nav.deluxe {
		display: block;
	}

	.global-nav ul.inline-items li {
		display: inline;
		margin-right: 0;
		padding: 0;
	}

	.global-nav .back-to-top {
		display: inline;
	}

	.global-nav.deluxe .back-to-top {
		display: none;
	}

	.global-nav .head-east-young-man {
		z-index: 200;
		top: 8px;
	}

	.global-nav ul.inline-items li a {
		display: block;
		padding: 0 12px;
		background: #fff;
		background: rgba(255,255,255,.95);
		border-bottom: 1px solid #eee;
	}

	.global-nav li:first-child a {
		width: auto;
		text-indent: 0;
		background-image: none;
	}

	.global-nav .head-east-young-man {
		float: none;
		position: static;
	}

	.global-nav .main-search {
		padding: 0 12px;
		border-radius: 0;
		line-height: 42px;
		text-align: left;
		background: #fff;
		background: rgba(255,255,255,.95);
		border-bottom: 1px solid #ddd;
	}

	.global-nav .main-search input[type=search] {
		display: inline-block;
		vertical-align: middle;
		width: 80% !important;
		width: calc(100% - 32px) !important;
		padding: 3px 1px !important;
		opacity: 1;
		background: transparent;
		font-size: 16px;
		border-radius: 0;
	}

	.global-nav .main-search label.submit-search {
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
		width: auto;
		height: auto;
		padding: 14px 10px 12px 12px;
		background: #000;
	}

	.global-nav .main-search label.submit-search input {
		display: block;
		visibility: visible;
		opacity: 1;
		background: #000;
		padding: 4px;
		border-radius: 50%;
	}

	.killer-logo > a {
		margin-left: -25%;
	}

	.go-to-nav {
		position: absolute;
		display: block;
		z-index: 1000;
		top: 0;
		width: 100%;
		height: 41px;
		background-color: #fff;
		background-color: rgba(255,255,255,.95);
		background-image: url(/components/assets/img/icon_hamburger.svg);
		background-repeat: no-repeat;
		background-position: 12px center;
		border-bottom: 1px solid #d8d8d8;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	.go-to-nav:focus {
		outline: 1px dotted #fff;
	}

	.no-svg .go-to-nav {
		background-image: url(/components/assets/img/icon_hamburger.gif);
	}

	.show-nav .go-to-nav:before {
		content: "";
		 position: absolute;
		 width: 18px;
		 height: 18px;
		 top: 11px;
		 left: 12px;
		 z-index: -1;
		 background: url(/components/assets/img/icon_hamburger.svg) center center no-repeat white;
		 -webkit-transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
		 -ms-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
		 transform: rotate(90deg);
	}

	.single-column-display .main-content {
		padding-right: 0;
	}

	.single-column-display .col-holder, .two-column-display .col-holder, .multi-column-display .col-holder {
		padding-left: 18px;
		padding-right: 18px;
	}

	.classy {
		font-size: 24px;
		line-height: 30px;
	}

	.column-holder {
		margin-left: 12px;
		margin-right: 12px;
	}

	.two-column-display .main-content, .two-column-display .secondary-column {
		display: block;
		width: auto;
		margin-left:0;
		margin-right: 0;
	}

	pre code {
		font-size: 14px;
	}

	.main-content .basic-title {
		margin-bottom: 24px;
		font-size: 24px;
		line-height: 30px;
	}

	/* ----------------------	HOME AND ISSUES	 ---------------------- */

	.issue-header {
		margin-bottom:12px;
	}

	.home-page .entry-header {
		margin-bottom: 24px;
	}

	.issue-header, .home-page .entry-header, .issue-page .entry-header {
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
	}

	.home-page .entry-header .entry-title, .issue-page .entry-header .entry-title {
		margin: 0 0 6px 0;
		font-size: 30px;
		line-height: 36px;
	}

	.home-page .entry-header .entry-title:first-child,
	.issue-page .entry-header .entry-title:first-child {
		padding: 0 12px;
	}

	.home-page .entry-header .entry-title a, .issue-page .entry-header .entry-title a {
		font-size:30px;
		line-height: 36px;
	}

	.home-page .entry-header .entry-summary, .issue-page .entry-header .entry-summary {
		font-size: 18px;
		line-height: 28px;
	}

	.item-summary > figure, .item-summary > h1, .item-summary > h2, .item-summary > p, .item-summary > ul {
		margin-right: 0;
	}

	/* ----------------------	ARTICLES  ---------------------- */

	.wide-hero {
		min-height: 100px;
		padding-bottom: 24px;
		margin-bottom: 3px;
		margin-left: 12px;
		margin-right: 12px;
		margin-top: 12px;
	}

	.article-layout .entry-header {
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 12px;
	}

	.article-layout .main-content>.tall-hero {
		float: none;
	}

	.entry-header .issue-number span.badge,
	.issue-page .logo-holder + .issue-number span.badge,
	.wide-hero .issue-number span.badge,
	.tall-hero .issue-number span.badge {
		width: auto;
		height: auto;
		position: static;
		color: #bb3825;
		padding: 0;
		font-size:18px;
	}

	.entry-header .illustrator-credit,
	.wide-hero .illustrator-credit,
	.tall-hero .illustrator-credit,
	.issue-page .logo-holder + .illustrator-credit {
		width: auto;
		height: auto;
		padding: 0;
		position: static;
		opacity: .8;
		margin-bottom: 12px;
		font-style: italic;
	}

	.entry-header .illustrator-credit a,
	.wide-hero .illustrator-credit a,
	.tall-hero .illustrator-credit a,
	.issue-page .logo-holder + .illustrator-credit a {
		font-weight: normal;
	}

	.entry-header .issue-number, .wide-hero .issue-number, .tall-hero .issue-number, .issue-page .logo-holder + .issue-number {
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		background: none;
		background-image: none;
		color: #bb3825;
		padding: 0;
		font-size:18px;
		font-family: georgia;
	}

	.no-svg .entry-header .issue-number,
	.no-svg .wide-hero .issue-number,
	.no-svg .tall-hero .issue-number,
	html[data-useragent*='MSIE'] .entry-header .issue-number,
	html[data-useragent*='MSIE'] .wide-hero .issue-number,
	html[data-useragent*='MSIE'] .tall-hero .issue-number {
		background-image: none;
	}

	.entry-header > .issue-number:first-child, .issue-page .logo-holder + .issue-number {
		left: 0;
		top: 144px;
	}

	.issue-header p {
		font-size: 14px;
		line-height: 24px;
	}

	.entry-header {
		margin-bottom:24px;
	}

	.entry-header .entry-title {
		font-size:30px;
		line-height: 36px;
		padding: 0 12px;
		margin-bottom: 6px;
	}

	.entry-header .entry-details {
		font-size: 14px;
		line-height: 22px;
	}

	.article-layout .main-content {
		margin-left: 12px;
		margin-right: 12px;
	}

	.article-layout .main-content > p:first-child:not(.buttonish-holder):not(.editors-note), .article-layout .main-content > figure.quote:first-child {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 24px;
	}

	.article-layout .main-content > p.editors-note {
		font-size: 14px;
		line-height: 22px;
		margin-left: 0;
		margin-right: 0;
	}

	.article-layout .main-content > p.editors-note.column-note {
		font-size: 14px;
		line-height: 24px;
	}

	.article-layout .main-content > figure.quote:first-child figcaption {
		font-size: 14px;
		line-height: 24px;
	}

	.article-layout .main-content > h2 {
		font-size: 20px;
		margin-bottom: 14px;
		line-height: 28px;
	}

	.article-layout .main-content > h3 {
		font-size: 16px;
		/* margin-bottom: 14px; */
		line-height: 28px;
	}

	.main-content > p, .main-content > pre, .main-content > ol, .main-content > ul, .main-content > figure, .main-content .entry-footnotes {
		margin-bottom: 18px;
	}

	.main-content ul > li, .main-content ol > li {
		margin-bottom: 9px;
	}

	.item-summary.topic ul > li, .content-minutiae ul > li {
		margin-bottom: 0;
	}

	.content-minutiae {
		margin: 0 0 18px 18px;
	}

	.article-layout .main-content .sidebar.var1 section h1 {
		font-size: 12px;
		line-height: 14px;
	}

	.article-layout .main-content .sidebar.var1 article h1,
	.article-layout .main-content .sidebar.var1 .related-articles h1 a,
	.article-layout .main-content .sidebar.var1 article p {
		font-size: 14px;
		line-height: 18px;
	}

	.article-layout .main-content .sidebar.var1 .related-articles h1 {
		font-size: 12px;
		line-height: 14px;
	}

	.entry-footer h1,
	.entry-footer h2,
	.entry-footer h3,
	.entry-footer .byline .author-bio,
	.entry-footer .byline .author-more {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}

	.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo + h2 + .author-bio + h3 + .author-more {
		margin-left: 0;
	}

	.entry-footer .byline img {
		float: left;
		margin-bottom: 0;
		width: 60px;
		height: 60px;
	}

	.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo + h2 + .author-more {
		margin-left: 0;
	}

	.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo + h2 + .author-bio + h3, .entry-footer .photo + h2 + .author-bio + h3 + .author-more {
		margin-left: 0;
	}

	.item-summary {
		width: auto;
		margin-right: 0;
	}

	.item-summary:nth-of-type(2n) {
		margin-right: 0;
	}

	.item-summary:nth-of-type(3n) {
		margin-right: 0;
	}

	.item-summary:not(.topic) {
		width: auto;
		margin-right: 0;
		margin-bottom: 2em;
		padding-right: 0;
		padding-left: 0;
	}

	.previous-column {
		margin-bottom: 0;
	}

	.item-summary .column-summary-header {
		margin-bottom: .065em;
	}

	.item-summary > figure {
		height: auto;
	}

	.item-summary figure a {
		display: block;
	}

	.item-summary figure a img {
		min-width: 100%;
	}

	.comment-holder h1.classy, .more-content h1.classy {
		font-size: 24px;
		line-height: 30px;
		font-weight: 300;
	}

	/*.article-comments #login-buttons.active {
		height: 145px;
	}*/

	.article-comments #login-buttons li {
		margin-bottom: 9px;
	}

	.article-comments .commenter-info {
		text-align: center;
		padding: 18px 12px;
	}

	.article-comments .commenter-info p {
		text-align: left;
	}

	.article-comments .commenter-info input[type="submit"] {
		position: relative;
	    margin: 12px 0 0;
	}

	html:not(.no-js) .buttonish {
		margin-bottom: 24px;
		padding: 6px 18px;
		background: #bb3825;
		border-radius: 6px;
		color: #fff;
	}

	html:not(.no-js) .buttonish:before {
		display: none;
	}

	html:not(.no-js) .buttonish:after {
		content: "";
		text-indent: 0;
	}

	.article-layout .main-content .sidebar {
		margin: 0 0 16px 16px;
		font-size: 12px;
		line-height: 20px;
	}

	.article-layout .main-content .sidebar h1 {
		font-size: 12px;
	}

	.article-layout .main-content .sidebar h2,
	.article-layout .main-content .sidebar.var1 .related-articles article h2 {
		font-size: 14px;
		line-height: 16px;
	}

	.alpha-container {
		height: 320px;
	}

	.aside-breaker {
		display: block;
		font-family: "FranklinITCPro-Light";
		margin: 2em 0 1em !important;
		position: relative;
		text-align: center;
	}

	.aside-breaker:before {
		background-color: #eee;
		content: " ";
		height: 1px;
		left: 0;
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 0;
	}

	.aside-breaker b {
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 0.5em;
		color: #222;
		display: inline-block;
		font-family: "Franklin ITC", sans-serif;
		font-size: 0.667em;  /* 18 / 12 */
		padding: 0 1em;
		position: relative;
	}

	.in-article .deck-inner {
		width: auto;
	}

	.job-board.in-article {
		margin-bottom: 2em;
	}

	.utility-side-bar {
		border-bottom: 1px solid #eee;
		float: none;
		margin: 2em 0;
		width: 100%;
	}

	.content-minutiae {
		float: none;
		margin: 0 0 3em;
		width: 100%;
		text-align: center;
	}

	.comment-bubble, 
	.patreon-bubble {
		font-size: 18px;
		line-height: 18px;
		padding: 9px 12px;
	}

	.comment-bubble:before {
		left: 24px;
		border-bottom: 9px solid #2555c3;
		border-right: 9px solid transparent;
	}


	/* ----------------------	COLUMNS	 ---------------------- */

	.author-header {
	}

	.author-header {
		min-height: 60px;
	}

	.author-header p.meta, .blog-header p.meta {
		line-height: 24px;
	}

	.author-header .column-name, .author-header h1, .author-header p.meta {
	}

	.author-header .column-name {
		line-height:18px;
	}

	.author-header h1, .blog-header h1 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 4px;
	}

	.author-header h1 br, .blog-header h1 br {
		display: none;
	}

	.author-header + .column-intro, .blog-header + .column-intro {
		font-size: 18px;
		line-height: 26px;
	}

	/* ----------------------	BLOG  ---------------------- */

	.article-layout .blog-header, .article-layout .author-header {
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
		max-width: none;
	}

	.sponsored .article-layout .blog-header,
	.article-layout .blog-header {
		margin-left: 12px;
		padding-left: 0;
	}

	.blog-summary {
		margin: 0 0 24px;
		padding: 0;
		font-size: 18px;
		line-height: 28px;
	}

	.blog-summary.link-post {
		padding-left: 0;
	}

	.blog-summary h1 {
		font-size: 24px;
		text-indent: 0;
		margin-bottom:2px;
	}

	.blog-summary.native-post .byline {
		font-size: 14px;
		line-height: 24px;
		font-style: italic;
	}

	.blog-summary.link-post h1:before {
		width: 14px;
		height: 14px;
	}

	/* ----------------------	FOOTER	---------------------- */

	.global-footer {
	}

	.deadly-subtitle {
	}

	.deadly-subtitle img {
		width: auto;
		max-width: none;
		margin-left: 0;
	}

	.global-footer .inline-items {
		padding-left: 18px;
		padding-right: 18px;
	}

	.global-footer .inline-items li {
		margin-right: 12px;
	}

	.promo-holder {
		/* background: transparent; */
		padding-left: 18px;
		padding-right: 18px;
	}

	.partner-promos li {
		display: block;
		width: auto;
		margin-bottom: 12px;
	}

	/* ----------------------	TOOLS	---------------------- */
	.main-content.tools {
		width: 90%;
	}

}

@media only screen and (max-width: 37.5em) and (min-width: 26.250em) { /* 600px / 420px */

	/*------------------------------------*\
		#ADS
	\*------------------------------------*/

	/**
	 * BuySellAds
	 */

 .bsa-apiads a {
		display: flex;
		flex-flow: row nowrap;
	  align-items: flex-start;
	  text-align: left;
	}

	.bsa-apiads-logo__container {
		margin: 0 12px 0 0;
	}

		/**
	 * BSA Ads Preload
	 */
	.bsa-apiads.bsa-apiads--preload {
		min-width: 320px;
		min-height: 107px;
		background-image: url('/components/assets/img/bsa_ad-placeholder--wide.svg');
		background-position: left center;
	}

	.bsa-apiads p {
		margin-top: -6px; /* 1 */
	}

}

@media only screen and (max-width: 30.6875em) { /* 491px */

	.event-details .logistics span.weekday,
	.event-details .logistics span.time {
		display: block;
	}

	.article-layout .main-content .supplement {
		float: none;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.article-layout .main-content .sidebar.var1 {
		display: block;
	}

	.article-layout .main-content .sidebar.var1 section {
		display: block;
		width: 100%;
		overflow: auto;
	}

	.article-layout .main-content .sidebar.var1 section + section {
		border-left: 0;
		margin-left: 0;
		padding-left: 0;
	}

	.article-layout .main-content .sidebar.var1 section + section:before {
		display: block;
	}


	/* ----------------------	TOOLS	---------------------- */
	.main-content.tools {
		width: 100%;
	}

	h3.form-heading, legend.center {
		max-width: auto;
		text-align: center;
	}


	.placeholder.loader .label {
		min-width: 230px;
	}
	.placeholder.loader .top-header {
    	margin-left: 0;
    	margin-bottom: 4px;
    	width: 100%;
	}

	.error-message {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		transform: none;
		left: auto;
		right: 0;
	}

}

@media only screen and (max-width: 26.250em) { /* 420px */

	/* ----------------- COMMENT FORM STATES ---------------------- */

	.outer-ajax-container, .ajax-container.forgot-password-form {
		min-height: 288px;
	}

	.animated-background {
		animation-name: none;
		background: #eee;
	}

	.placeholder.loader .top-header {
    	margin-bottom: 28px;
    	visibility: hidden;
	}

	@-moz-document url-prefix() {
		.outer-ajax-container, .ajax-container.forgot-password-form {
	    	min-height: 292px;
	    }
    }

	.button, .login-buttons li a {
		font-size: 16px;
	}

	#comment-submit-holder {
		margin-right: 8px;
	}

	.login-buttons li a {
		padding: 12px 1px;
	}

	.login-buttons li.facebook a, .login-buttons li.twitter a {
		padding-left: 32px;
		background-position: 2px center;
	}

	.main-content > ul.entry-list.illo-thumbs > li,
	.main-content > ul.entry-list.illo-thumbs > li picture,
	.main-content > ul.entry-list.illo-thumbs > li img {
		display: block;
		width: 100%;
	}

	.main-content > ul.entry-list.illo-thumbs > li:nth-child(odd) {
		margin-right: 0;
	}

}

@media only screen and (max-width: 20em) { /* 320px */

	body {
		font-family: georgia;
	}

	.global-nav {
		/* font-size:12px; */
	}

	.entry-header .entry-details {
		font-size: 14px;
		line-height: 20px;
	}

	.article-layout .main-content > p:first-child:not(.buttonish-holder):not(.editors-note), .article-layout .main-content > figure.quote:first-child {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 22px;
	}

	.article-layout .main-content > p.editors-note {
		line-height: 20px;
	}

	.article-layout .main-content > * b,
	.article-layout .main-content > * strong {
		font-family: georgia;
		font-weight: bold;
	}

	.author-header h1, blog-header h1 {
		font-size: 24px;
		line-height: 28px;
		margin-top: 2px;
		/* margin-bottom: 2px; */
	}

	.author-header p.meta, .blog-header p.meta {
		line-height: 22px;
	}

	.partner-promos li img {
		width: 60px;
		height: 45px;
		margin-right: 6px;
	}

	.partner-promos .arrow {
		margin-left: 66px;
	}

	.login-buttons li.facebook a, .login-buttons li.twitter a {
		/*padding-left: 32px;
		background-position: 2px center;*/
	}
	.login-buttons li {
		border-radius: 30px;
	}
	.login-buttons li a {
		font-size: 14px;
	}
	.button {
	    font-size: 14px;
	    padding: 12px 20px;
	}


}
