@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700italic');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');

html {
    margin: 0;
    font-size: 62.5%;
	background: #24292e;
}

body {
	font-size: 1.5em;
	line-height: 1.6;
    color: #888;
	margin-top: 4.0rem;
}

a {
	transition: all 0.2s ease-out;
	text-decoration: none;
	color: #E64B7A;
}

.scene {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	pointer-events: none;
	z-index: 1;
}

.scene {
	background: none;
}

.scene path:first-child {
	fill: #3F6472;
	opacity: 0;
}

.scene path:nth-child(2) {
	fill: #BEDCE8;
}

.scene path:nth-child(3) {
	fill: #65B0CE;
}

.scene path:nth-child(4) {
	fill: #406A7A;
}

.scene path:nth-child(5) {
	fill: #7BD0F2;
}

.scene path:nth-child(6) {
	fill: #1F627C;
}

.scene path:nth-child(7) {
	fill: #122932;
}

.cover {
	position: fixed;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent url('../images/confetti-2.svg') no-repeat;
	opacity: 0.60;
}

.deepcover {
	position: fixed;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

@font-face {
    font-family: 'happy_foxcondensed';
    src: url('../fonts/happy-fox/happyfox-condensed-webfont.eot');
    src: url('../fonts/happy-fox/happyfox-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/happy-fox/happyfox-condensed-webfont.woff2') format('woff2'),
         url('../fonts/happy-fox/happyfox-condensed-webfont.woff') format('woff'),
         url('../fonts/happy-fox/happyfox-condensed-webfont.ttf') format('truetype'),
         url('../fonts/happy-fox/happyfox-condensed-webfont.svg#happy_foxcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  	font-family: 'Bebas-Neue-Book';
    src: url('../fonts/bebas/Bebas-Neue-Book.ttf.woff') format('woff'),
    	 url('../fonts/bebas/Bebas-Neue-Book.ttf.svg#Bebas-Neue-Book') format('svg'),
		 url('../fonts/bebas/Bebas-Neue-Book.ttf.eot'),
		 url('../fonts/bebas/Bebas-Neue-Book.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

#filmio {
	display: none;
	padding: 0;
	width: 50%;
	height: 50.0rem;
	background: #fff;
}
	#filmio h4 {
		padding: 0 2.0rem;
	}
	
	#filmio img {
		width: 100%;
	}
	
	#filmio p {
		color: #333;
		padding: 0 2.0rem;
	}

.visually-hidden, .pcast-player button span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

	.pcast-player {
		background: #222;
		padding: 0.5rem 0;
	}
	
	.pcast-player .pcast-player-controls {
		box-sizing: border-box;
		background: #222;
		color: #fff;
		font-size: 1.4rem;
		height: 4.2rem;
		overflow: hidden;
		padding: 0.5rem;
		width: 60%;
		margin: 0 auto;		
	}
		.pcast-player button {
			background: #2a2a2a;
			color: #fff;
			border: 0;
			border-radius: 0.2rem;
			padding: 0.5rem;
			line-height: 2.2rem;
			-webkit-appreance: none;
			min-width: 3.2rem;
			float: left;
		}
			.pcast-player progress {
				height: 1.3rem;
				margin-left: 1.0rem;
				margin-right: 1.0rem;
				margin-top: 1.0rem;
				width: calc(100% - 28.1rem);
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
			}
			
			.pcast-player progress[value]::-webkit-progress-bar {
				background-color: #555;
				border-radius: 0;
			}
			
			.pcast-player progress[value]::-webkit-progress-value {
				background: #fff;
			}
			
			.pcast-player .pcast-time {
				display: inline-block;
				font-size: 1.3rem;
				padding: 0;
				text-align: center;
				width: 5.0rem;
			}
			
			.pcast-player .pcast-speed {
				width: 2.5rem;
			}
			
			.pcast-player .pcast-download {
				font-size: 1.2rem;
				margin-top: 0.5rem;
				display: inline-block;
				color: black;
			}
			
			.pcast-player .pcast-download:hover, .pcast-player .pcast-download:focus {
				color: #666;
			}
			
			.pcast-player button.pcast-mute, .pcast-player button.pcast-speed {
				float: right;
			}

.remodal {
	padding: 0;
	border-radius: 5px;
	margin-bottom: 50.0rem;
}
	.remodal-close {
		left: 74.0rem;
	}
		.remodal-close:before {
			font-size: 3.5rem;
			top: 0.5rem;
			left: 0.5rem;
			color: #fff;
		}

.searcher input[type=text] {
	border-radius: 5px;
	padding: 1.0rem 1.5rem;
	width: 100%;
	font-size: 2.0rem;
	border-color: transparent;
}
	.searcher input[type=text]:focus {
		outline: none;
	}

.search {
	float:right;
	margin-top: 0.2rem;
	font-size: 2.0rem;
	color: #fff;
	display: inline;
	cursor: pointer;
}

.right {
	float: right;
}

.left {
	float: left;
}

.kitandkaboodle {
	position: relative;
	z-index: 100;
	display: block;
	margin: 0 auto;
	max-width: 102.4rem;
}
	div.controls {
		display: inline-block;
		margin-top: 0.5rem;
		width: 100%;
	}
		
		div.controls span a {
		    font-family: "Bebas-Neue-Book", san-serif;
		    text-align: right;
		    text-transform: uppercase;
		    font-size: 2.0rem;
		    font-weight: 400;
		    color: #38c7ca;
		    border-radius: 40px;
		    padding: 1.0rem 0rem 0.5rem;
		    background: transparent;
		    color: #fff
		}
		
	ul.sections {
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 0;
		margin-bottom: 3.0rem;
	}
		ul.sections li {
			display: inline;
			margin-right: 1.0rem;
			color: #fff;
		}
		
		ul.sections li .section a {
		    font-family: "Bebas-Neue-Book", san-serif;
		    text-align: right;
		    text-transform: uppercase;
		    font-size: 2.0rem;
		    font-weight: 400;
		    color: #38c7ca;
		    border-radius: 40px;
		    padding: .5rem 2.0rem 0;
		    border: 1px solid #38c7ca;
		    background: transparent;
		    color: #38c7ca
		}

		ul.sections li .section a:hover {
		    border: 1px solid #38c7ca;
		    background: #38c7ca;
		    color: #fff
		}
		
		ul.sections li .section a.opinion {
/*			border: 1px solid #E64B7A;
			color: #E64B7A;*/
			border: 1px solid #fff;
			color: #fff;
		}
		
		ul.sections li .section a.technology {
/*			border: 1px solid #6ed296;
			color: #6ed296;*/
			border: 1px solid #fff;
			color: #fff;			
		}
		
		ul.sections li .section a.religion {
/*			border: 1px solid #3edbd9;
			color: #3edbd9;*/
			border: 1px solid #fff;
			color: #fff;			
		}
		
		ul.sections li .section a.selected.opinion, ul.sections li .section a.opinion:hover {
			border: 1px solid #E64B7A;
			background: #E64B7A;
			color: #fff;
		}

		ul.sections li .section a.selected.technology, ul.sections li .section a.technology:hover {
			border: 1px solid #6ed296;
			background: #6ed296;
			color: #fff;
		}
		
		ul.sections li .section a.selected.religion, ul.sections li .section a.religion:hover {
			border: 1px solid #3edbd9;
			background: #3edbd9;
			color: #fff;
		}
		
		ul.sections li .section a.writing {
/*			border: 1px solid #b19cd9;
			color: #b19cd9;*/
			border: 1px solid #fff;
			color: #fff;
		}
		
		ul.sections li .section a.selected.writing, ul.sections li .section a.writing:hover {
			border: 1px solid #b19cd9;
			background: #b19cd9;
			color: #fff;
		}

		ul.sections li .section a.video {
			border: 1px solid #fff;
			color: #fff;
		}
	
		ul.sections li .section a.selected.video, ul.sections li .section a.video:hover {
			border: 1px solid #9b9b9b;
			background: #9b9b9b;
			color: #fff;
		}
	
	header {
		float: left;
		width: 100%;
		background: #fff;
		border-bottom: .05rem solid #eaeaea;
	}
		header h1 {
		    float: left;
		    width: 7.5rem;
		    height: 8.5rem;
		    background: #eee;
		    padding: 1.5rem 5.25rem 2.5rem 3.25rem;
		    margin: 0;
		    border-right: 0.05rem solid #ddd;
		}

		header h1 a {
		    display: block;
			position: relative;
			z-index: 200;
			width: 17.5rem;
			height: 17.5rem;
		    text-indent: -9999.9rem;
		    background: transparent url('../images/chris.svg') no-repeat left top;
		    background-size: contain;
		}

		header nav {
		    float: right;
		    margin-top: 3.2rem;
		    margin-right: 3.0rem;
		}

		header nav ul li {
		    display: inline-block;
		    font-family: "Bebas-Neue-Book", san-serif;
		}

		header nav ul li a {
		    padding: 1.0rem 1.75rem 0.5rem;
		    text-transform: uppercase;
		    font-size: 2.0rem;
		    text-decoration: none;
		    color: #333;
		}

		header nav ul li a:hover {
		    color: #8c9597;
		}

		header nav ul li a.offsite {
		    background: none;
		    border: 1px solid #E64B7A;
		    color: #E64B7A;
		    border-radius: 40px;
		    padding: 1.0rem 2.75rem 0.5rem;
		}

		header nav ul li a.offsite:hover {
		    background: #E64B7A;
		    border: 1px solid #E64B7A;
		    color: #fff;
		}
			header nav ul li a.selected {
				color: #38c7ca;
			}

		.previous_post {
			width: 50.0rem;
			position: absolute;
			top: 22.0rem;
			right: -60.0rem;
			opacity: 0.5;
			transition: all 0.2s ease-out;
		}
			.previous_post img {
				width: 100%;
			}
			
			.previous_post:hover {
				opacity: 1.0;
			}

section#articles {
	display: inline-block;
	background: #fff url('../images/grain2.png') repeat;
	width: 100%;
	margin-bottom: 2.0rem;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,.15),0 6px 30px 5px rgba(0,0,0,.10),0 8px 10px -5px rgba(0,0,0,.10);
}
	section#articles article {
		float: left;
		padding-bottom: 0;
	}
	
		section#articles article a:hover, footer a:hover {
			color: #333;
		}
		
		section#articles article .intro {
			float: left;
			width: 100%;
			margin-bottom: 7.0rem;
		}
			section#articles article .intro .heroimg {
				position: relative;
				float: right;
				width: 55%;
				margin-right: -5.0rem;
				margin-top: 7.0rem;				
			}
				.colored-shadow {
				    transform: scale(.94);
				    top: 2.2rem;
				    filter: blur(12px);
				    position: absolute;
				    width: 100%;
				    height: 100%;
				    background-size: cover;
				    z-index: 1;
				    transition: opacity .45s;
				    opacity: 0;
				}
				
	section#articles img {
		width: 100%;
		float: right;
		position: relative;
		z-index: 2;
		box-shadow: 0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2);
		border-radius: 1.0rem;
	}
		section#articles iframe.header {
			position: relative;
			z-index: 2;
			width: 100%;
			height: 37.5rem;
			float: right;
			box-shadow: 0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2);
			border-radius: 1.0rem;
		}
	
	section#articles article .title {
		float: right;
		width: 49%;
		margin-top: 10.5rem;
	}
	
	section#articles article .intro p {
		float: right;
		margin: 0;
		text-align: right;
		font-size: 1.3rem;
		font-weight: 300;
		margin-right: 3.5rem;
		color: #aaa;
	}
		section#articles article .intro p span {
			float: right;
			max-width: 35.0rem;
		}
	
	section#articles article .title .section {
		float: right;
		margin-right: 1.5rem;
	}
		
	section#articles article .title .section a {
	    font-family: "Bebas-Neue-Book", san-serif;
	    text-align: right;
	    margin-right: 0;
	    margin-left: -1.0rem;
	    text-transform: uppercase;
	    font-size: 2.0rem;
	    font-weight: 400;
	    color: #38c7ca;
	    border-radius: 40px;
	    padding: .5rem 2.0rem 0;
	    border: 1px solid #38c7ca;
	    background: transparent;
	    color: #38c7ca
	}

	section#articles article .title .section a:hover {
	    border: 1px solid #38c7ca;
	    background: #38c7ca;
	    color: #fff
	}
	
	section#articles article .title .section.opinion a {
		border: 1px solid #E64B7A;
		color: #E64B7A;
	}
	
	section#articles article .title .section.technology a {
		border: 1px solid #6ed296;
		color: #6ed296;
	}
	
	section#articles article .title .section.religion a {
		border: 1px solid #3edbd9;
		color: #3edbd9;
	}
	
	section#articles article .title .section.opinion a:hover {
		border: 1px solid #E64B7A;
		background: #E64B7A;
		color: #fff;
	}

	section#articles article .title .section.technology a:hover {
		border: 1px solid #6ed296;
		background: #6ed296;
		color: #fff;
	}
	
	section#articles article .title .section.religion a:hover {
		border: 1px solid #3edbd9;
		background: #3edbd9;
		color: #fff;
	}

	section#articles article .title .section.writing a {
		border: 1px solid #b19cd9;
		color: #b19cd9;
	}
	
	section#articles article .title .section.writing a:hover {
		border: 1px solid #b19cd9;
		background: #b19cd9;
		color: #fff;
	}

	section#articles article .title .section.video a {
		border: 1px solid #9b9b9b;
		color: #9b9b9b;
	}
	
	section#articles article .title .section.video a:hover {
		border: 1px solid #9b9b9b;
		background: #9b9b9b;
		color: #fff;
	}
	
	section#articles article .title h2 {
	    font-family: 'Playfair Display', serif;
	    text-align: right;
	    font-size: 5.2rem;
		line-height: 5.5rem;
	    font-style: italic;
	    margin-bottom: 2.0rem;
	    color: #434949;
	    margin-right: 3.5rem;
		text-shadow: 0.07em 0.07em 0 rgba(0, 0, 0, 0.1);
	}
	
	section#articles article .title h2 span {
	    color: #bac2c4
	}

	section#articles article .title h3 {
	    font-weight: 300;
	    text-align: right;
	    float: right;
	    width: 75%;
		line-height: 2.5rem;
		margin-top: 0;
		margin-bottom: 1.0rem;
	    margin-right: 3.5rem
	}
	
	section#articles article .feedme {
		float: left;
		margin: 4.0rem 0;
		width: 100%;
	}
		section#articles article .feedme p {
			width: 60%;
			margin: 0rem auto;
		}
	
	section#articles article .tweetstorm {
		background: #1c2632 url('../images/grain2.png') repeat;
		float: left;
		padding: 4.0rem 0;
		width: 100%;
	}
		section#articles article .tweetstorm h3 {
			width: 60%;
			margin: 0rem auto;
			font-weight: 500;
			color: #fff;
		}
		
		section#articles article .tweetstorm p {
			width: 60%;
			margin: 0rem auto;
			font-weight: 500;
			color: #6e7d8b;
		}
			section#articles article .tweetstorm p a {
				color: #fff;
			}
				section#articles article .tweetstorm p a:hover {
					text-decoration: underline;
				}
		
		section#articles article .tweetstorm ul {
			padding: 0;
			width: 60%;
			margin: 0rem auto;
		}
			section#articles article .tweetstorm ul li {
				width: 100%;
				display: inline-block;
				padding: 2.5rem 0 1.5rem;
			}
				section#articles article .tweetstorm ul li + li {
					border-top: 0.1rem solid #121921;
				}
			
			section#articles article .tweetstorm ul li div {
				float: left;
				width: 100%;
				color: #fff;
			}				
				section#articles article .tweetstorm ul li div span.avatar {
					float: left;
					width: 4.8rem;
					margin-top: 0.6rem;
				}										
					section#articles article .tweetstorm ul li div span.avatar img {
						border-radius: 0.4rem;
						width: 100%;
						float: left;
						margin-top: 0rem;
						margin-right: 0rem;
						box-shadow: 0 8px 30px rgba(14, 21, 47, .6);
					}
						
				section#articles article .tweetstorm ul li div span.text {
					float: right;
					width: 89%;
				}
					section#articles article .tweetstorm ul li div span.text .link {
						margin-left: 0.5rem;
						display: inline-block;
						color: #fff;
					}
					
					section#articles article .tweetstorm ul li div span.text p {
						margin: 0;
					}
						section#articles article .tweetstorm ul li div span.text p span a {
							color: #6e7d8b;
						}
							section#articles article .tweetstorm ul li div span.text p span a:hover {
								text-decoration: underline;
							}
	
	section#articles article .copy {
		background: #efefef url('../images/grain2.png') repeat;
		float: left;
		width: 100%;
	}
	
	section#articles article .copy pre.prettyprint {
		border: 0;
		background: #fff;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: break-word;
	}
		section#articles article .copy pre.prettyprint code {
			display: block;
			width: 60%;
			padding: 0;
			margin: 1.5rem auto;
			font-size: 1.3rem;
		}
		
		section#articles article .copy .text {
			font-size: 1.9rem;
			font-weight: 300;
			padding: 3.0rem 0;
		}
			section#articles article .copy .text strong {
				font-weight: 400;
				color: #555;
			}
		
			section#articles article .copy .text table {
				width: 60%;
				font-size: 1.4rem;
				margin: 1.5rem auto;
			}
				section#articles article .copy .text table tr {
					text-align: left;
				}
					section#articles article .copy .text table tr td,
					section#articles article .copy .text table tr th {
						border: 0.1rem solid #dfe2e5;
						line-height: 1.7rem;
						padding: 1.0rem;
					}
					
					section#articles article .copy .text table tr td code {
						background-color: rgba(27, 31, 35, 0.05);
						padding: 0.1rem 0.5rem;
						border-radius: 0.3rem;
					}
		
		section#articles article .copy p, section#articles article .copy h2, 
		section#articles article .copy h3, section#articles article .copy h4,
		section#articles article .copy h5 {
			width: 60%;
			margin: 1.5rem auto;
		}
			section#articles article .copy h2 {
				font-weight: 300;
				line-height: 3.8rem;
			}
			
			section#articles article .copy h4 {
				text-transform: uppercase;
				font-size: 1.5rem;
				margin-top: 3.0rem;
				margin-bottom: -1.5rem;
			}
		
		section#articles article .copy .text .hero_image {
			width: 100%;
			float: left;
		}
			section#articles article .copy .text .hero_image p img {
				width: 100%;
				float: left;
				margin: 0;
				margin-bottom: 3.0rem;
				box-shadow: none;
			}
		
		section#articles article .copy ul {
			width: 60%;
			margin: 1.5rem auto;
		}
			section#articles article .copy ul li {
				list-style: none;
			}
			
		section#articles article .copy ol {
			width: 50%;
			margin: 1.5rem auto;
		}
		
			section#articles article .copy h3 {
				margin: 2.0rem auto;
			}
		
			section#articles article .copy .text .callout,
			section#articles article .copy .text blockquote {
			    background: #13334E url('../images/grain2.png') repeat;
				color: #fff;
				font-size: 2.5rem;
				line-height: 3.0rem;
				margin: 4.0rem 0;
				position: relative;
				width: 100%;
				padding: 4.0rem 0;
			}
				section#articles article .copy .text .callout p,
				section#articles article .copy .text blockquote p {
					width: 60%;
					font-size: 2.5rem;
					margin: 0rem auto;
				}
				
				section#articles article .copy .text .callout h3, 
				section#articles article .copy .text .callout strong,
				section#articles article .copy .text .callout a {
					color: #fff;
				}
					section#articles article .copy .text .callout a {
						font-weight: 500;
					}
				
			section#articles article .copy .text .lit {
				max-width: 70%;
				margin: 4.0rem auto;
				padding: 2.0rem 0;
				font-family: 'EB Garamond', serif;
				background: #fff;
				color: #333;
			}
				section#articles article .copy .text .lit p {
					width: 70%;
				}
					
				section#articles article .copy .text .lit div {
					float: left;
					text-align: center;
					width: 100%;
					margin: 3.0rem 0 7.0rem;
				}
					section#articles article .copy .text .lit div h2 {
						margin-bottom: 1.5rem;
						font-size: 5.0rem;
					}
					
					section#articles article .copy .text .lit div h3 {
						margin-top: 0;
					}
					
					section#articles article .copy .text .lit div img {
						box-shadow: none;
						float: none;
						width: 15.0rem;
						margin: 2.0rem 0 0rem;
						clear: both;
					}
				
			section#articles article .copy .text h3 {
				font-weight: 500;
				color: #333;
			}
	
footer {
	color: #fff;
	text-align: center;
	margin: 0rem 0 4.0rem 0;
	float:left;
	width: 100%;
	font-weight: 300;
}
	footer a {
		color: #fff;
		font-weight: 500;
	}
		footer a:hover {
			color: #eee;
		}

@media only screen and (min-width:320px) and (max-width:550px) {
	.remodal {
		padding: 0;
		border-radius: 5px;
		margin-bottom: 50.0rem;
		max-width: 32.0rem;
		margin-left: -7.0rem;
	}
		.remodal-close {
			left: 36.0rem;
		}
			.remodal-close:before {
				font-size: 3.5rem;
				top: 0.5rem;
				left: 0.5rem;
				color: #fff;
			}

	.searcher input[type=text] {
		border-radius: 5px;
		padding: 1.0rem 2.0rem;
		width: 100%;
		font-size: 2.0rem;
		border-color: transparent;
	}
		.searcher input[type=text]:focus {
			outline: none;
		}

	.search {
		float:right;
		margin-top: 0.2rem;
		font-size: 2.0rem;
		color: #fff;
		display: none;
		cursor: pointer;
	}
	
	.kitandkaboodle {
	    float: left;
	    max-width: 100%;
	    min-width: 100%;
	    margin: 0;
	}
	
    nav ul li a {
	    display: none;
    }
    
    nav ul li a.offsite {
	    display: block;
	    margin-top: -0.95rem;
    }
	
	ul.sections {
		width: 80%;
		margin: 0 auto 3.0rem auto;
	}
	
	ul.sections li {
		margin-right: 0;
	}
	
	.controls {
		display: none;
	}
	
    section#articles {
	    padding: 0rem 0 0;
	    margin-bottom: -1.0rem
    }
    
    section#articles article .title {
	    margin: 0;
	    width: 100%;
    }
	
	section#articles article .title h2 {
		margin-top: 2.0rem;
		font-size: 5.0rem;
		float: left;
		width: 100%;
		text-align: center;
		clear: both;
	}
	
	section#articles article .title h3,
	section#articles article .title p {
		text-align: center;
		width: 100%;
		float: left;
		margin-right: 0;
	}
	section#articles article .intro p span {
		float: left;
		max-width: 100%;
		width: 100%;
	}
	
	section#articles article .title .section a {
		float: right;
		margin-top: 5.5rem;
		margin-left: 3.0rem;
		margin-right: 4.0rem;
	}
    
	section#articles article .intro .heroimg {
	    float: left;
	    width: 90%;
		margin-left: 2.0rem;
	    margin-top: 4.0rem;
    }
		section#articles article .intro .heroimg img {
			border-radius: 0;
		}
	
	section#articles iframe.header {
	    float: left;
	    width: 100%;
	    margin: 0;
	    margin-top: 0rem;
	}
    
    section#previously .posts {
	    width: 100%;
	    margin-left: 0;
    }
    
    section#previously .posts .entry {
	    margin-bottom: 1.0rem;
    }
    
    section#previously .posts .entry .hero {
	    width: 100%;
	    float: left;
	    height: 100%;
    }
	
	section#articles article .copy .text .callout {
		width: 100%;
	}
		section#articles article .copy .text .callout p {
			width: 80%;
		}
	
	section#articles article .copy ul, section#articles article .copy ol, 
	section#articles article .copy p, section#articles article .copy h2,
	section#articles article .copy h3 {
		width: 80%;
	}
	
	section#articles article .tweetstorm h3, section#articles article .tweetstorm p,
	section#articles article .tweetstorm ul {
		width: 80%;
	}
	
	section#articles article .tweetstorm ul li div span.text {
		width: 80%;
	}
	
	section#articles article .copy .text .lit {
		max-width: 100%;
		margin: 4.0rem auto;
		padding: 2.0rem 0;
		font-family: 'EB Garamond', serif;
		background: #fff;
		color: #333;
	}
		section#articles article .copy .text .lit p {
			width: 80%;
		}
			
		section#articles article .copy .text .lit div {
			float: left;
			text-align: center;
			width: 100%;
			margin: 3.0rem 0 3.0rem;
		}
			section#articles article .copy .text .lit div h2 {
				margin-bottom: 1.5rem;
				font-size: 5.0rem;
			}
			
			section#articles article .copy .text .lit div h3 {
				margin-top: 0;
			}
			
			section#articles article .copy .text .lit div img {
				box-shadow: none;
				float: none;
				width: 15.0rem;
				margin: 2.0rem 0 0rem;
				clear: both;
			}
	
	div.controls {
		margin-top: 2.0rem;
	}
		div.controls .right {
			padding-right: 2.0rem;
		}
		
		div.controls .left {
			padding-left: 2.0rem;
		}
}