/* @override http://localhost:4000/css/issue_3.css */



/* @group shared colors */

body#page.issue-3 .issue-3-digital-bridges h3,
body#page.issue-3 section.issue-3-digital-bridges h1,
body#article section.issue-3-digital-bridges.h-feed a h1,
body#article.issue-3-digital-bridges main .page span.first-letter,
body#article.issue-3-digital-bridges main .page blockquote::before,
body#article.issue-3-digital-bridges main .page > div.site-width > section > h1{ color: #d231ac; }

body#page.issue-3 section.issue-3-digital-bridges a:hover h1,
body#article section.issue-3-digital-bridges a:hover h1{ color: #a31e8c; }

body#page.issue-3 .issue-3-speculative-civics h3,
body#page.issue-3 section.issue-3-speculative-civics h1,
body#article section.issue-3-speculative-civics article h1,
body#article.issue-3-speculative-civics main .page blockquote::before,
body#article.issue-3-speculative-civics main .page span.first-letter,
body#article.issue-3-speculative-civics main .page > div.site-width > section h1{ color: #da9700; }

body#page.issue-3 section.issue-3-speculative-civics a:hover h1,
body#article section.issue-3-speculative-civics a:hover h1{ color: #bb7900; }


body#page.issue-3 .page li.issue-3-digital-bridges,
body#article.issue-3-digital-bridges,
body#article.issue-3-digital-bridges .author-bio{ border-color: #d231ac; }

body#page.issue-3 .page li.issue-3-speculative-civics,
body#article.issue-3-speculative-civics,
body#article.issue-3-speculative-civics .author-bio{ border-color: #da9700; }

/* @end */

/* @group toc */

@media screen and (min-width: 1137.77px){
	body#article section.h-feed.issue-3-digital-bridges div.articles { margin-right: -0.5em; }

	body#article section.h-feed.issue-3-digital-bridges article.h-entry{ 
		width: 33.25%; 
		margin-right: -0.2em;
	}

	body#article section.h-feed.issue-3-digital-bridges div.articles article.h-entry:nth-child(3n){ margin-right: 0; }
	
}


/* @end */

/* @group Home */

/* @group #header */

body#page.issue.issue-3 header#header,
body#page.issue.issue-3 div#cover-art{ 
	color: white;
	background: #113e54; 
}

body#page.issue.issue-3 header#header p{ color: #a2c3e8; }
body#page.issue.issue-3 header#header a{ color: #49cba5; }
body#page.issue.issue-3 header#header a:hover{ color: #42ffb7; }

body#page.issue.issue-3 header#header h1.logo a,
body#page.issue.issue-3 header#header h1.logo a:hover{ color: white; }


/* @end */
/* @end */

/* @group jl */

/* @group bootstrap */

  body#article.issue-3-jl header#header{
	color: #333; 
	background: #f4dddd;
	border: none;
	margin-bottom: -1px;	
  }
  
  body#article.issue-3-jl header#header h1.logo a:hover{ color: #221b37; }
  body#article.issue-3-jl header#header nav a{ color: #1f9796; }
  body#article.issue-3-jl header#header a:hover{ color: #00605f; }
  body#article.issue-3-jl main > header div.site-width{ width: auto; }

  body#article.issue-3-jl main > header h1,
  body#article.issue-3-jl main > header h2,
  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p {
	margin-left: 0; 
  }

  body#article.issue-3-jl main > header h1 { 
  	font-size: 4em;
  	font-weight: normal;
	font-family: "abril-fatface", Georgia, serif;
	text-transform: uppercase;
	margin-top: 0.3em;
	color: #1d507a;
	line-height: 0.78em;
	margin-bottom: 0;
  }	

  body#article.issue-3-jl main > header h1 span.city-shades{
	display: block;
	font-size: 0.62em;
  }
  body#article.issue-3-jl main > header h1 span.of{ margin-left: -0.02em;}
  body#article.issue-3-jl main > header h1 span.gray{ color: #7b7d88;}

  body#article.issue-3-jl main > header h2{
	font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 8px;
}  

  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	padding-top: 16px; 
  	font-size: 24px;
  	max-width: 90%;
  	margin: 0 auto;
  }
  
  body#article.issue-3-jl .page .pull-quote,
  body#article.issue-3-jl .page .pull-quote::before{ 
  	color: #1d507a;   
  }
  
  body#article.issue-3-jl figure.figure-2.track-site-width{
	padding: 16px;
	font-family: "franklin-gothic-urw", Arial, sans;
	color: white;	
	position: relative;
  }

  body#article.issue-3-jl figure.figure-2.track-site-width::after{
	content: "";
	display: table;
	clear: both;
  }

  body#article.issue-3-jl figure.figure-2.track-site-width::before{
	content: "";
	position: absolute;
	left: 8px;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	transform: rotate(-1deg);
    background: #393a39 url(images/baby_arches.png) repeat fixed;
	z-index: -1;
  }

  body#article.issue-3-jl figure.figure-2.track-site-width ul{
	margin-bottom: 0;
  }
    
  body#article.issue-3-jl figure.figure-2.track-site-width ul li{
	list-style-type: none;
	line-height: 1.3em;
	margin-bottom: 0.6em;
	padding: 0;
  }
  
    body#article.issue-3-jl ul.ul-1{
		font-family: abril-fatface;
		font-size: 24px;
		padding-left: 0;
		color: #1d507a;
	}

	body#article.issue-3-jl ul.ul-1 li{ 
		list-style-type: none;
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		transform: rotate(-2deg);
		margin-bottom: 0.2em;
	}	
	body#article.issue-3-jl ul.ul-1 li:nth-child(2),
	body#article.issue-3-jl ul.ul-1 li:nth-child(4){
		text-align: center;
	}
	
	body#article.issue-3-jl ul.ul-1 li:nth-child(2){
		font-style: italic;
		font-size: 28px;
		color: #0065b8;
	}
	body#article.issue-3-jl ul.ul-1 li:nth-child(3){
	text-align: right;
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	body#article.issue-3-jl ul.ul-1 li:nth-child(4){
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
  
/* @end */

@media screen and (min-width: 533.33px){


    body#article.issue-3-jl ul.ul-1{ font-size: 32px; }
	body#article.issue-3-jl ul.ul-1 li{ margin-bottom: -0.1em;}
	body#article.issue-3-jl ul.ul-1 li:nth-child(3){ margin-bottom: 0; }
	body#article.issue-3-jl ul.ul-1 li:nth-child(2){ font-size: 48px; }
}

@media screen and (min-width: 568.88px){ }

@media screen and (min-width: 711.11px){
	body#article.issue-3-jl header#header{ 
		margin-bottom: -156px;
		background: rgba(244,221,221,0.78);
		padding-bottom: 12px;
		position: absolute;
		left: 0;
		right: 16px;
		top: 0;
		z-index: 1;
	}

body#article.issue-3-jl main > header{ 
		padding-top: 18vw;
		text-align: left;
		position: relative;
	}

body#article.issue-3-jl main > header div.site-width {
		width: 90%;
		padding-right: 192px;
		position: static;
	}

body#article.issue-3-jl main > header h1{ font-size: 11.2vw; }

  body#article.issue-3-jl main > header h2,
  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	font-size: 2.47vw;
  	margin-left: 0;
  	max-width: 512px;
  }
  
  body#article.issue-3-jl main > header h2{ 
  	margin-bottom: 1em; 
	text-shadow: 2px 2px 0 white,
			 	 0 2px 8px white;
  }
  
  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
	color: #582400;
  	position: relative; 
  }

  body#article.issue-3-jl main > header h3{ display: inline-block; }
  body#article.issue-3-jl main > header p{ padding-top: 1.2em; }

  body#article.issue-3-jl main > header h3::after,
  body#article.issue-3-jl main > header p::after{
	content: "";
	display: block;
	position: absolute;
	left: -1em;
	top: 0;
	right: -1em;
	bottom: -0.6em;
	background: #fcc94c;
	z-index: -1;
	margin-top: 0.5em;
	-webkit-transform: rotate(-2deg);
  }
  
  body#article.issue-3-jl main > header h3::after{
	top: -0.5em;
	left: -1.1em;
	
  }
	
	body#article.issue-3-jl figure.figure-1{ 
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	}
 
 	body#article.issue-3-jl figure.figure-1 img{ 
 		width: 100%;
 	}
 	
   body#article.issue-3-jl figure.figure-2.track-site-width{
	padding: 32px;
	margin-bottom: 32px;
  }

  body#article.issue-3-jl figure.figure-2.track-site-width::before{
	left: 0;
	-webkit-transform: rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);
  }
 	
  body#article.issue-3-jl figure.figure-2.track-site-width ul{
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
  }
  
  body#article.issue-3-jl figure.figure-2.track-site-width ul:first-of-type{ padding-right: 12px; }
  body#article.issue-3-jl figure.figure-2.track-site-width ul:last-of-type{ padding-left: 12px; }

}

@media screen and (min-width: 853.33px){
	body#article.issue-3-jl main > header{
		padding-bottom: 32px;
		margin-bottom: 0;
	}

	body#article.issue-3-jl main .page blockquote.blockquote-2{ 
		margin-right: -64px; 
		width: 384px;
	}

}

@media screen and (min-width: 995.55px){
	body#article.issue-3-jl main .page blockquote.blockquote-2{ 
		margin-right: -128px; 
	}
}

@media screen and (min-width: 1137.77px){
	body#article.issue-3-jl header#header{ right: 20px; }
	body#article.issue-3-jl main > header{ 
		padding-top: 192px;
		text-align: left;
		padding-bottom: 64px;
		overflow: hidden;
	}
	
	body#article.issue-3-jl main > header div.site-width{
		padding-right: 384px; 
	}
	
    body#article.issue-3-jl main > header h1{ font-size: 128px; }
    body#article.issue-3-jl main > header h2{ 
    	font-size: 29px; 
    	word-spacing: 0;
    }
    
  body#article.issue-3-jl main > header h2,
  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	max-width: 640px;
  }

  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	font-size: 28px;
  	margin-left: 0;
  }
  	

}

/* @end */

/* @group ls */

/* @group bootstrap */

  body#article.issue-3-ls header#header ,
  body#article.issue-3-ls main > header {
	color: white; 
	background: #2d1f35;
  }

  body#article.issue-3-ls header#header p{ color: #d7c7df; }  
  body#article.issue-3-ls main > header { padding-bottom: 32px; }
  body#article.issue-3-ls main > header div.site-width{ width: 100%; }
  body#article.issue-3-ls main > header figure { margin-bottom: 16px; }	  
  body#article.issue-3-ls main > header h1 { 
  	color: #aaffec; 
  	font-size: 48px;
  }	

  body#article.issue-3-ls main > header h1 span.defragmenting{ 
	line-height: 0.85em;
	margin-bottom: 0.05em;
	text-indent: -9999em;
	background: url(/images/issue_3/ls/defragmenting.svg) top center no-repeat;
	background-size: contain;
}

  body#article.issue-3-ls main > header h1 span{ display: block; }

  body#article.issue-3-ls main > header h1 span.democracy{ 
	  font-family: "abril-fatface", Georgia, serif;
	  line-height: 1;
	  font-style: italic;
	  font-weight: 400;
	  font-size: 0.85em;
  }

  body#article.issue-3-ls main > header h3,
  body#article.issue-3-ls main > header p{ 
  	padding-top: 12px; 
  	margin: 0 auto;
  	width: 90%;
  }
  
  body#article.issue-3-ls main > header h3 { margin-bottom: 16px;}  
  body#article.issue-3-ls main > header p{ color: #ff65db; }

  body#article.issue-3-ls header#header a:hover{ color: white; }
  body#article.issue-3-ls header#header nav a{ color: #ffe97f; }

  body#article.issue-3-ls .page .pull-quote,
  body#article.issue-3-ls .page .pull-quote::before,
  body#article.issue-3-ls .page .pull-quote::after{ color: #0093a1; }

  body#article.issue-3-ls figure.figure-2 figcaption { display: none; }




body#article.issue-3-ls main figure.figure-3{
	max-width: 384px;
	margin: 1em auto;
}

body#article.issue-3-ls main .page ol{
	padding: 0;
	counter-reset: step;
}

body#article.issue-3-ls main .page ol li{
	position: relative;
	counter-increment: step;
	padding-left: 76px;
	margin-top: 0.4em;
	padding-top: 0.2em;
}

body#article.issue-3-ls main .page ol li::before {
	font-size: 3.6em;
	font-family: "abril-fatface", Georgia, serif;
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 64px;
	height: 64px;
	line-height: 64px;
	padding: 8px;
	margin: 0;
	content: counter(step);
	box-sizing: border-box;
	text-align: center;
	background: #c3f4e8;
	color: #3097a1;
	border-radius: 3px;
}

/* @end */

@media screen and (min-width: 533.33px){
	body#article.issue-3-ls header#header{ 
		margin-bottom: -156px;
		background: rgba(45,31,53,0.81);
		position: absolute;
		left: 0;
		right: 8px;
		top: 0;
	}	

    body#article.issue-3-ls main > header h1{
		margin-top: 0;
		padding-top: 16px;
	}
	
	body#article.issue-3-ls main > header h3,
	body#article.issue-3-ls main > header p{
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 24px;
	}
	
	body#article.issue-3-ls main > header h3{
		margin-bottom: 16px;
	}
	
	

body#article.issue-3-ls main .page ol li{
	padding-left: 112px;
}

body#article.issue-3-ls main .page ol li::before {
	font-size: 4.2em;
	width: 84px;
	height: 84px;
	line-height: 84px;
	padding: 12px;
}
	

}

@media screen and (min-width: 568.88px){

	body#article.issue-3-ls figure.figure-2{ margin-top: 2em; }
	body#article.issue-3-ls figure.figure-2 figcaption { display: block; }

	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote{ 
		float: none; 
		width: auto;
		margin: 0;
		margin-bottom: 0;
	}

	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote p{
		font-size: 28px;
		padding-right: 156px;
		margin-bottom: -1em;
	}
	
}

@media screen and (min-width: 711.11px){

	body#article.issue-3-ls header#header{ 
		margin-bottom: -128px;
		right: 16px;
		top: 0;
	}	

	body#article.issue-3-ls main > header div.site-width{ width: 90%;  }
	body#article.issue-3-ls main > header div.site-width::after{
		content: "";
		display: table;
		clear: both;
	}
	
	body#article.issue-3-ls main > header{ 
		text-align: left; 
		padding-bottom: 0;
		overflow: hidden;
	}
	    
    body#article.issue-3-ls main > header h1{
		margin-top: 0;
		padding-top: 160px;
		padding-left: 4.7vw;
		font-size: 7.2vw;
	}

	body#article.issue-3-ls main > header h1 span.defragmenting{ 
		margin-bottom: -0.05em;
		background-position: top left;
		display: block;
	}
	
	body#article.issue-3-ls main > header h1 span.democracy{ 
		margin-left: -4.7vw;
	}

    body#article.issue-3-ls main > header p,
    body#article.issue-3-ls main > header h3{
		font-size: 2.2vw; 
		margin: 0;
	}

    body#article.issue-3-ls main > header p{ 
	    padding-bottom: 32px;
	    padding-top: 20px;
	    position: relative;
	}

	body#article.issue-3-ls main > header h1,
	body#article.issue-3-ls main > header h3,
	body#article.issue-3-ls main > header p{
		float: left;
	}

	body#article.issue-3-ls figure.figure-1{ 
		  position: absolute;
		  margin: 0;
		  z-index: 0;
		  right: -3.4vw;
		  width: 59%;
	}


	body#article.issue-3-ls main > header div.site-width{
		padding-right: 50%;
	}	  
	
	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote p{
		font-size: 32px;
		margin: 0;
		padding-right: 0;
	}

}

@media screen and (min-width: 853.33px){
	body#article.issue-3-ls figure.figure-1{ width: 55%; }
  	body#article.issue-3-ls figure.figure-3{
		float: right;
		margin-left: 32px;
		margin-right: -64px;
		position: relative;
	}
	body#article.issue-3-ls blockquote.blockquote-1{ margin-right: -64px; }

}

@media screen and (min-width: 995.55px){
	body#article.issue-3-ls figure.figure-1{ width: 52%; }
	body#article.issue-3-ls main figure.figure-3{ 
		max-width: 512px;
		margin-right: -128px; 
	}	
	
	body#article.issue-3-ls main .page blockquote.blockquote-1{ margin-right: -128px; }
}

@media screen and (min-width: 1137.77px){
	body#article.issue-3-ls header#header{ right: 20px; }
	body#article.issue-3-ls figure.figure-1{ 
		width: 488px; 
		right: -36px;
	}
    body#article.issue-3-ls main > header h1{
		padding-top: 172px;
		font-size: 88px; 
		padding-left: 3.9rem;
	}

    body#article.issue-3-ls main > header h1 span.democracy{
		margin-left: -3.9rem;
	}

    body#article.issue-3-ls main > header p,
    body#article.issue-3-ls main > header h3{
		font-size: 24px; 
		margin: 0;
	}

    body#article.issue-3-ls main > header p{ 
	    padding-bottom: 36px;
	    padding-top: 20px;
	}

	

	body#article.issue-3-ls main > header div.site-width{ padding-right: 512px; }	  
	
	body#article.issue-3-ls figure.figure-2{ padding-left: 96px; }

	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote{ margin-left: -96px; }
	
	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote p{
		max-width: none;
		padding-right: 36%;
		margin-bottom: -2em;
	}
	
	body#article.issue-3-ls figure.figure-2 figcaption.pull-quote img{ margin-left: 96px; }
	

	body#article.issue-3-ls main figure.figure-3{ margin-right: -192px; }

	
}

/* @end */

/* @group ma */

body#article.issue-3-ma header#header,
body#article.issue-3-ma header#header h1 a,
body#article.issue-3-ma main > header{ color: #fff; }

body#article.issue-3-ma header#header,
body#article.issue-3-ma main > header{ background-color: #2c363b; }

body#article.issue-3-ma header#header{ position: relative; }

body#article.issue-3-ma header#header p { color: #899eac; }
body#article.issue-3-ma header#header nav a{ color: #e66087; }
body#article.issue-3-ma main > header{ 
	position: relative;  
	margin-bottom: 0;
}

body#article.issue-3-ma main > header div.site-width{ 
	width: auto; 
	position: relative;
}


body#article.issue-3-ma main > header h1{
		line-height: 0.85em;
		margin: 0;
	margin-bottom: 0.05em;
	text-indent: -9999em;
	background: url(/images/issue_3/ma/the_prismatic_city.svg) top center no-repeat;
	background-size: contain;
	position: absolute;
	top: 8vw;
	left: 0;
	right: 0;
	height: 33vw;
	z-index: 2;
}

body#article.issue-3-ma main > header figure::after{
	position: absolute;
	content: "";
	left: 10%;
	right: 10%;
	top: 13%;
	height: 3vw;
	-webkit-box-shadow: 0 64px 3em rgba(0,0,0,0.4);
	z-index: 0;
}

body#article.issue-3-ma main > header h2,
body#article.issue-3-ma main > header h3,
body#article.issue-3-ma main > header p{
	margin: 0;
	padding: 0 16px;
	color: #333;
	background: white;
	max-width: none;
	z-index: 2;
}


body#article.issue-3-ma main > header h2{
	font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
	letter-spacing: -0.03em;
	padding-top: 5vw;
	padding-bottom: 12px;
	text-transform: uppercase;
	background: white;
	color: #185072;
	line-height: 0.95;
}

body#article.issue-3-ma main > header h3{
	line-height: 1.2;
	padding-bottom: 12px;
}

body#article.issue-3-ma main > header h2 span{ display: block; }

  body#article.issue-3-ma .page .pull-quote,
  body#article.issue-3-ma .page .pull-quote::before{ color: #1d507a; }

	  body#article.issue-3-ma .figure-3,
	  body#article.issue-3-ma .figure-4{
		max-width: 512px;
		margin: 1em auto;
	}  
	
	@media screen and (min-width: 711.11px){
		body#article.issue-3-ma main > header{
			text-align: left;
			margin-bottom: 20vw;
		}
		body#article.issue-3-ma main > header div.site-width{ width: 90%; }
		
		body#article.issue-3-ma main > header h1{ 
			top: 72px;
			height: 480px;
			left: 5%;
			right: 5%;
			max-width: none;
		}
		body#article.issue-3-ma main > header h2,
		body#article.issue-3-ma main > header h3,
		body#article.issue-3-ma main > header p{
			margin: 0;
			padding: 0;
			padding-left: 11.111%;
			left: 0;
			right: 0;
			position: absolute;
			font-size: 6vw;
		}

		body#article.issue-3-ma main > header h2{
			bottom: -4px;
			padding-top: 5vw;
		}
		
		body#article.issue-3-ma main > header h3,
		body#article.issue-3-ma main > header p{
			top: 100%;
			margin-top: 2vw;
			font-size: 2.8vw;
		}
	
		body#article.issue-3-ma main > header p{
			margin-top: 6.9vw;
			max-width: 24em;
		}

		body#article.issue-3-ma figure.figure-3{
			float: right;
			margin-left: 32px;
			margin-right: 0;
		}
	  	body#article.issue-3-ma figure.figure-4{
			float: left;
			margin-right: 32px;
			margin-left: 0;
		}		
	  	body#article.issue-3-ma figure.figure-3, 
	  	body#article.issue-3-ma figure.figure-4{ width: 384px; }
		
	  	
	}

	@media screen and (min-width: 853.33px){
		body#article.issue-3-ma .page .pull-quote{
			width: 384px;
			margin-right: -64px;
		}
	  	body#article.issue-3-ma figure.figure-3{ margin-right: -64px; }
	  	body#article.issue-3-ma figure.figure-4{ margin-left: -64px; }

	}

	@media screen and (min-width: 995.55px) {
		body#article.issue-3-ma main > header{
		margin-bottom: 192px;
		}
		
		body#article.issue-3-ma main > header h2,
		body#article.issue-3-ma main > header h3,
		body#article.issue-3-ma main > header p{
			right: 128px;
			font-size: 28px;
		}

		body#article.issue-3-ma main > header h2{
			font-size: 72px;
			line-height: 64px;
			padding-top: 64px;		
		}
		body#article.issue-3-ma main > header h3,
		body#article.issue-3-ma main > header p{
			margin-top: 24px;
		}
		body#article.issue-3-ma main > header p{
			margin-top: 72px;
		}

		body#article.issue-3-ma .page .pull-quote{
			margin-right: -128px;
		}

		  	body#article.issue-3-ma figure.figure-3{ margin-right: -128px; }
		  	body#article.issue-3-ma figure.figure-4{ margin-left: -128px; }

	}
	
		@media screen and (min-width: 1137.77px) {
	  	body#article.issue-3-ma figure.figure-3,
	  	body#article.issue-3-ma figure.figure-4{  width: 512px;  }
		  	body#article.issue-3-ma figure.figure-3{ margin-right: -192px; }
		  	body#article.issue-3-ma figure.figure-4{ margin-left: -192px; }

	}

}

/* @end */

/* @group rb */

/* @group bootstrap */

body#article.issue-3-rb header#header{
	color: #492f26;
}

body#article.issue-3-rb main > header{ 
	position: relative;
	background: url(/images/issue_3/rb/1_1536h.jpg);
	background-size: 100%;
	color: white;
}

body#article.issue-3-rb main > header div.site-width{ width: auto; }

  
  body#article.issue-3-rb main > header h1{
	font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
	text-transform: uppercase;
	word-spacing: 9999em;
	line-height: 0.8em;
	margin: 32px 16px;
   font-size: 64px;
  }
  
  body#article.issue-3-rb main > header h1 span.be{
	margin-right: 0.04em;
  }
	
  body#article.issue-3-rb main > header h2,
  body#article.issue-3-rb main > header h3,
  body#article.issue-3-rb main > header p{
    font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
    background: #fbf3d9;
    color: #164250;
    margin: 0 auto;
    padding: 0 16px 16px;
    max-width: none;
  }
  
  body#article.issue-3-rb main > header h2{ padding-top: 16px;  }
  body#article.issue-3-rb main > header p{ color: #d130aa; }
  
  body#article.issue-3-rb aside.aside-1{
	background-color: #4f236f;
	color: white;
    font-family: "franklin-gothic-urw", arial;
    font-size: 16px;	
    padding-bottom: 1em;
    margin: 16px auto;
    border-radius: 3px;
    max-width: 512px;
  }

  body#article.issue-3-rb aside.aside-1 img{
	width: 100%;
	border-radius: 3px 3px 0 0;
	margin-top: -3px;
	margin-bottom: -3px;
  }
  
  body#article.issue-3-rb aside.aside-1 h1{
	font-size: 23px;
	margin: 24px 16px;
	color: white;
    font-family: "franklin-gothic-urw-cond", arial;
    font-weight: 600;
    margin-bottom: 8px;
  }
  
  body#article.issue-3-rb aside.aside-1 p,
  body#article.issue-3-rb aside.aside-1 dl{
	line-height: 1.33;	
	margin: 0 16px;
  }

  body#article.issue-3-rb aside.aside-1 dl { margin-top: 1em; }
  body#article.issue-3-rb aside.aside-1 dl dt{
	font-weight: 600;
	margin-top: 1em;
  }

  body#article.issue-3-rb aside.aside-1 p:last-of-type{
	font-style: italic;
  font-family: "ff-tisa-web-pro", georgia, "Lucida Grande", Lucida, Verdana, sans-serif;
  margin-top: 1em;
	color: #bf9dd9;
}

  body#article.issue-3-rb aside.aside-1 p:last-of-type a{
	color: #e962ca;
  }  
  
  body#article.issue-3-rb figure.figure-4{
	max-width: 512px;
	margin: 16px auto;
  }

/* @end */

@media screen and (min-width: 533.33px){
  body#article.issue-3-rb main > header{ background-size: 50%; }
  body#article.issue-3-rb main > header h1{ font-size: 76px; }
  body#article.issue-3-rb main > header h2{ font-size: 48px; }
}

@media screen and (min-width: 568.88px){
  body#article.issue-3-rb aside.aside-1{
	margin: 24px auto;
	padding-bottom: 24px;
  }

  body#article.issue-3-rb aside.aside-1 h1{ margin: 24px 32px 8px; }
  
  body#article.issue-3-rb aside.aside-1 p,
  body#article.issue-3-rb aside.aside-1 dl{
	line-height: 1.4;	
	margin: 0 32px;
  }

  body#article.issue-3-rb figure.figure-4{ margin: 24px auto 16px; }
}

@media screen and (min-width: 711.11px){
	body#article.issue-3-rb header#header{ 
		margin-bottom: -156px;
		padding-bottom: 12px;
		position: absolute;
		left: 0;
		right: 16px;
		top: 0;
		z-index: 1;
		color: #fff;
	}

	body#article.issue-3-rb header#header h1.logo,
	body#article.issue-3-rb header#header p{
		color: white; 
	}

	body#article.issue-3-rb header#header nav.nav-primary::before,
	body#article.issue-3-rb header#header nav.nav-primary::after{
		content: "";
		position: absolute;
		bottom: -2em;
		left: 62%;
		right: 0;
		border-bottom: 0.3rem solid #ddd;
		margin-bottom: 0.275rem;
	}
	body#article.issue-3-rb header#header nav.nav-primary::after{
		border-bottom: 1px solid #ddd;
		margin-bottom: -3.405rem;	
		height: 2px;
		z-index: 1;
	}
	
	body#article.issue-3-rb main > header{ 
		text-align: left;
		background-size: contain;
		height: 84vw;
		padding-top: 24vw;
		overflow: hidden;
	}
	
	body#article.issue-3-rb main > header div.site-width{ width: 90%; }
	
	body#article.issue-3-rb main > header h1,
	body#article.issue-3-rb main > header h2,
	body#article.issue-3-rb main > header h3,
	body#article.issue-3-rb main > header p{ margin: 0; }

	body#article.issue-3-rb main > header h1{ font-size: 14.4vw; }

	body#article.issue-3-rb main > header h2,
	body#article.issue-3-rb main > header h3,
	body#article.issue-3-rb main > header p{
		background: none;
		width: 256px;
		text-align: right;
		position: absolute;
		right: 0;
		top: 2vw;
		z-index: 1;
	}
	
	body#article.issue-3-rb main > header h2{ font-size: 5.6vw; }

	body#article.issue-3-rb main > header h3,
	body#article.issue-3-rb main > header p{
		font-size: 2.8vw;
	}

	body#article.issue-3-rb main > header h3{ top: 19vw; }
	body#article.issue-3-rb main > header p{ top: 25.2vw; }

	body#article.issue-3-rb main > header::before{
		content: "";
		background: white;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		right: 50%;
		margin-right: -55%;
		z-index: 0;
	  transform: skewX(-12deg);
	  -webkit-transform: skewX(-12deg);
	}
	
	body#article.issue-3-rb main > header figure{
	display: none; 
	}
}

@media screen and (min-width: 853.33px){

	body#article.issue-3-rb header#header{ 
		right: 20px;
	}
	
	body#article.issue-3-rb main > header::before{
		width: 45%;
		right: 45%;
		margin-right: -48.5%;
	}


	body#article.issue-3-rb header#header h1.logo,
	body#article.issue-3-rb header#header p{
		color: white; 
	}

	body#article.issue-3-rb main > header{ 
		height: 768px;
		padding-top: 224px;
	}

	body#article.issue-3-rb main > header h1{ font-size: 128px; }

	body#article.issue-3-rb main > header h2,
	body#article.issue-3-rb main > header h3,
	body#article.issue-3-rb main > header p{
		width: 328px;
	}
	body#article.issue-3-rb main > header h2{ 
		top: 24px;
		font-size: 52px; 
	}

	body#article.issue-3-rb main > header h3,
	body#article.issue-3-rb main > header p{
		font-size: 28px !important;
		top: 172px;
	}

	body#article.issue-3-rb main > header p{
	top: 220px;
	}

	body#article.issue-3-rb aside.aside-1{
		float: right;
		max-width: 384px;
		margin: 32px;
		margin-right: -64px;
	}
	
  	body#article.issue-3-rb figure.figure-4{
		float: left;
		margin-right: 32px;
		margin-left: -64px;
  		position: relative;
    }
}

@media screen and (min-width: 995.55px){
	body#article.issue-3-rb main > header::before{
		width: 40%;
		right: 40%;
		margin-right: -42.5%;
	}

	body#article.issue-3-rb aside.aside-1{ margin-right: -96px; }
  	body#article.issue-3-rb figure.figure-4{ margin-left: -96px; }

}

@media screen and (min-width: 1137.77px){
	body#article.issue-3-rb main > header::before{
		width: 448px;
		right: 50%;
		margin-right: -600px;
	}
		
	body#article.issue-3-rb aside.aside-1{ margin-right: -192px; }
  	body#article.issue-3-rb figure.figure-4{ margin-left: -192px; }
}

/* @end */

/* @group wq */

	body#article.issue-3-wq main > header h1{ margin-top: 24px; }
	body#article.issue-3-wq main > header h1 span{ display: block; }		
	body#article.issue-3-wq main > header h2{
	display: none;
	}

	body#article.issue-3-wq main header p{
		color: #b34a33;
		margin-top: 0;
	}
	body#article.issue-3-wq span.first-letter{
		font-size: 6em;
		margin-left: -0.8em;
		position: relative;
		top: -0.29em;
		left: 0.65em;
		z-index: -1;
		color: #b2d7ff !important;
	}
	
	body#article.issue-3-wq figure.figure-2,
	body#article.issue-3-wq figure.figure-3{
		max-width: 512px;
		margin: 2em auto;
		position: relative;
	}

    body#article.issue-3-wq figure.figure-2::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	    background: #ffede1;
		z-index: -1;
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}
	
	body#article.issue-3-wq figure.figure-2 img{
		top: 1px;
		left: -3px;
		padding: 4px;
		border: 1px dashed #9061b6;
	}
	
	  body#article.issue-3-wq .page .pull-quote,
	  body#article.issue-3-wq .page .pull-quote::before,
	  body#article.issue-3-wq .page .pull-quote::after{ color: #0063a6; }

		
	body#article.issue-3-wq blockquote.blockquote-1,
	body#article.issue-3-wq blockquote.blockquote-2,
	body#article.issue-3-wq blockquote.blockquote-3{
		color: white;
		padding: 16px;
		margin: 16px 0;
		font-size: 20px;
	}	
	
	body#article.issue-3-wq blockquote.blockquote-1::before,
	body#article.issue-3-wq blockquote.blockquote-1::after,
	body#article.issue-3-wq blockquote.blockquote-2::before,
	body#article.issue-3-wq blockquote.blockquote-2::after,
	body#article.issue-3-wq blockquote.blockquote-3::before,
	body#article.issue-3-wq blockquote.blockquote-3::after{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		-webkit-transform: skew(6deg);
		-moz-transform: skew(6deg);
		transform: skew(6deg);
	    background: #393a39 url(images/baby_arches.png) repeat;
		z-index: -1;
  	}

	body#article.issue-3-wq blockquote.blockquote-1::after,
	body#article.issue-3-wq blockquote.blockquote-2::after,
	body#article.issue-3-wq blockquote.blockquote-3::after{
		left: -4px;
		right: 8px;
		top: 3px;
		background: #b2d7ff;
		z-index: -2;
	}
	
	body#article.issue-3-wq blockquote.blockquote-2::before,
	body#article.issue-3-wq blockquote.blockquote-2::after{
		-webkit-transform: skew(-4deg);
		-moz-transform: skew(-4deg);
		transform: skew(-4deg);
	}

	body#article.issue-3-wq aside.aside-1{
		background-color: #b22891;
		color: white;
		font-size: 17px;
		font-style: normal;
		font-family: "franklin-gothic-urw", Arial, sans-serif;
		line-height: 1.45em;
		overflow: hidden;
		margin: -32px 0;

	}	
	
	body#article.issue-3-wq aside.aside-1 section.before{
		background: #113e54;
		padding: 32px 5% 16px;
		position: relative;
		z-index: 1;
	}
	
	body#article.issue-3-wq aside.aside-1 section.after{
	padding-top: 96px;
	padding-bottom: 32px;
	}
	
	body#article.issue-3-wq aside.aside-1 h1,
	body#article.issue-3-wq aside.aside-1 p,
	body#article.issue-3-wq aside.aside-1 ul,
	body#article.issue-3-wq aside.aside-1 ol{
		max-width: 90%;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	
	body#article.issue-3-wq aside.aside-1 ol li::before{
		margin-left: -2em;
		width: 2em;
		padding-right: 0.6em;
		text-align: right;
		color: #91d5fe;
	}
	

	body#article.issue-3-wq aside.aside-1 section > ul{ padding-left: 0; }	
	
	body#article.issue-3-wq aside.aside-1 section > ol > li,
	body#article.issue-3-wq aside.aside-1 section > ul > li{
		list-style-type: none;
		margin-bottom: 0.4em;
	}
	
	body#article.issue-3-wq aside.aside-1 section > ul li ul{
		margin-bottom: 0.8em;
}
	body#article.issue-3-wq aside.aside-1 h1{
		font-size: 23px;
		font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
		font-weight: 600;
		margin-bottom: 0.4em;
	}


	body#article.issue-3-wq aside.aside-1 section.before::before,
	body#article.issue-3-wq aside.aside-1 section.before::after{
		content: "";
		position: absolute;
		bottom: 0;
		margin-bottom: -24px;
		height: 64px;
		left: 0;
		right: 48%;
		background: #113d53;
	-webkit-transform: rotate(6deg);
	   -moz-transform: rotate(6deg);
	     -o-transform: rotate(6deg);
	     z-index: 1;
	}
	body#article.issue-3-wq aside.aside-1 section.before::after{
		left: 50%;
		right: 0;
		margin-bottom: -25px;
	-webkit-transform: rotate(-6deg);
	   -moz-transform: rotate(-6deg);
	     -o-transform: rotate(-6deg);
	}

	body#article.issue-3-wq ol.ol-1{
	  padding-left: 0;
	  margin-bottom: 1.4em;
	}
	
	body#article.issue-3-wq ol.ol-1 li{
		position: relative;
		counter-increment: step;
		padding-left: 76px;
		margin-top: 0.4em;
		padding-top: 0.2em;
	}
	
	body#article.issue-3-wq ol.ol-1 li::before {
		font-size: 3.6em;
		font-family: "abril-fatface", Georgia, serif;
		position: absolute;
		top: 0.1em;
		left: 0;
		width: 64px;
		height: 64px;
		line-height: 64px;
		padding: 8px;
		margin: 0;
		content: counter(step);
		box-sizing: border-box;
		text-align: center;
		background: #ffede1;
		color: #9061b6;
		border-radius: 3px;
	}

	@media screen and (min-width: 533.33px){	
		body#article.issue-3-wq span.first-letter{
			font-size: 8em;
			top: -0.15em;
			left: 0.65em;
		}

	body#article.issue-3-wq blockquote.blockquote-1,
	body#article.issue-3-wq blockquote.blockquote-2,
	body#article.issue-3-wq blockquote.blockquote-3{
		padding: 24px;
		margin: 20px 0 24px;
	}
	
	}
	@media screen and (min-width: 568.88px){
		body#article.issue-3-wq aside.aside-1 h1,
		body#article.issue-3-wq aside.aside-1 p,
		body#article.issue-3-wq aside.aside-1 ul,
		body#article.issue-3-wq aside.aside-1 ol{ max-width: 512px; }
		body#article.issue-3-wq aside.aside-1 ol{ padding-left: 0; }
	}
	@media screen and (min-width: 711.11px){

		body#article.issue-3-wq header#header { 
			background: rgba(255,255,255,0.77);
		}
		body#article.issue-3-wq main > header { text-align: left; }
		
		body#article.issue-3-wq main > header h1,
		body#article.issue-3-wq main > header h2,
		body#article.issue-3-wq main > header h3,
		body#article.issue-3-wq main > header p{
			float: left;
		}

		body#article.issue-3-wq main > header h1{
			margin-top: 1em;
			font-size: 6vw;
		}		

		body#article.issue-3-wq main > header div.site-width{ padding-right: 45%; }
		
		body#article.issue-3-wq span.first-letter{
			font-size: 9em;
			top: -0.2em;
			left: 0.6em;
		}

		body#article.issue-3-wq main > header figure{ 
			float: right;
			right: 0;
			width: 90%;
			margin-right: -100%;
			margin-top: -4.4vw;
			margin-bottom: -3vw;
			z-index: -1;
			position: relative;
		}	
		body#article.issue-3-wq main > header figure img{ width: 100%; }
		
		body#article.issue-3-wq main > header div.site-width::after {
			content: "";
			display: table;
			clear: both;
		}
		
	  	body#article.issue-3-wq figure.figure-3{
			float: left;
			width: 320px;
			margin-right: 32px;
			margin-top: 32px;
	  		position: relative;
	  		margin-bottom: 16px;
	    }
	  	body#article.issue-3-wq figure.figure-3{
			float: right;
			margin-left: 32px;
			margin-right: 0;
		}
	}
	@media screen and (min-width: 853.33px){
	  	body#article.issue-3-wq figure.figure-3{ 
	  		width: 384px; 
	  		margin-right: -64px; 
	  	}
	  	
	  	body#article.issue-3-wq aside::after{
			content: "";
			display: table;
			clear: both;
		}
		body#article.issue-3-wq aside.aside-1 section.before,
		body#article.issue-3-wq aside.aside-1 section.after{
			width: 49%;
			float: left;
			padding: 32px 32px 64px 5vw;
			position: relative;
		}
		
		body#article.issue-3-wq aside.aside-1 section.before::before,
		body#article.issue-3-wq aside.aside-1 section.before::after{
			content: "";
			position: absolute;
			top: 0;
			bottom: 50%;
			height: auto;
			width: 28px;
			left: 100%;
			margin: 0;
			margin-left: -14px;
			background: #113d53;
		-webkit-transform: skew(2deg);
		   -moz-transform: skew(2deg);
		     -o-transform: skew(2deg);
		}
		body#article.issue-3-wq aside.aside-1 section.before::after{
			top: 50%;
			bottom: 0;
			-webkit-transform: skew(-2deg);
			   -moz-transform: skew(-2deg);
			     -o-transform: skew(-2deg);
		}
	
		body#article.issue-3-wq aside.aside-1 section.after{
			width: 51%;
			padding: 32px 5vw 32px 64px;
		}
	

	}
	
	@media screen and (min-width: 995.55px){
	  	body#article.issue-3-wq figure.figure-3{ 
	  		width: 448px; 
	  		margin-right: -128px;
	  	}
	
	}
	@media screen and (min-width: 1137.77px){
	  	body#article.issue-3-wq figure.figure-3{ 
	  		width: 512px; 
	  		margin-right: -192px; 
	  	}
	  	
		body#article.issue-3-wq main > header h1{ 
			font-size: 72px;
			margin-top: 84px;
		}
		body#article.issue-3-wq main > header div.site-width{ padding-right: 512px; }
		body#article.issue-3-wq main > header figure.figure-1{ 
			float: right;
			right: 0;
			width: 480px;
			margin-right: -524px;
			margin-top: -72px;
			margin-bottom: -24px;
		}	
		body#article.issue-3-wq span.first-letter{ 
			font-size: 14em; 
			top: -0.115em;
		}
		
				body#article.issue-3-wq aside h1{
			font-size: 27px;
			margin-bottom: 0.6em;
		}
		
		body#article.issue-3-wq aside.aside-1{
			font-size: 19px;
			line-height: 1.5em;
		}	  	

		body#article.issue-3-wq aside.aside-1 section.before,
		body#article.issue-3-wq aside.aside-1 section.after{
			padding-top: 48px;
		}

	}

/* @end */

/* @group letter */

/* @group bootstrap */

  body#article.issue-3-letter header#header{
	color: #fff; 
	background: #3e3345;
	border: none;
	margin-bottom: -1px;	
  }

  body#article.issue-3-letter header#header nav a{ color: #fcc94c;}
  body#article.issue-3-letter main > header div.site-width{ width: auto; }
  body#article.issue-3-letter main > header{
	background-color: #e8e3cd;
	padding-bottom: 8px;
}  
  body#article.issue-3-letter main > header h1{
	font-size: 64px;
	line-height: 0.9;
	color: #4e3530;
	font-family: Abril-fatface;
	font-style: italic;
	letter-spacing: 0.03em;
	word-spacing: 0.03em;
	font-weight: normal;
	padding: 0.4em 0;
	margin-left: 0;
	margin-bottom: 0;
  }
  body#article.issue-3-letter main > header h1 span.in-the{
	font-size: 0.6em;
	font-style: normal;
  }
  body#article.issue-3-letter main > header h1 span.machine{
	display: block;
  }
  
body#article.issue-3-letter main > header h2{
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
	font-size: 28px;
	margin-top: -0.4em;
	margin-left: 0;
}

body#article.issue-3-letter main > header h2 span.civic,
body#article.issue-3-letter main > header h2 span.tech,
body#article.issue-3-letter main > header h2 span.ripple,
body#article.issue-3-letter main > header h2 span.effects{
	background: white;
	display: inline-block;
	padding: 0.1em 0.4em;
	color: #333;
}

body#article.issue-3-letter main > header h2 span.civic-tech{
	display: block;
}

body#article.issue-3-letter main > header h2 span.civic{
	position: relative;
	top: -0.2em;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	transform: rotate(-1deg);
	background: #fff;
}

body#article.issue-3-letter main > header h2 span.tech{
	position: relative;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
	background: #fafafa;
}

body#article.issue-3-letter main > header h2 span.ripple{
	position: relative;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
	bottom: -0.1em;
	background: #f2f2f2;
}
body#article.issue-3-letter main > header h2 span.effects{
	position: relative;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
	top: -0.1em;
	background: #f3f3f3;
}

body#article.issue-3-letter main > header h3{
	padding-top: 1em;
}

/* @end */

@media screen and (min-width: 533.33px){


body#article.issue-3-letter main > header h1{
	font-size: 12vw;
	padding-top: 32px;
	margin-top: 0;
}

body#article.issue-3-letter main > header h2{ 
	font-size: 5.6vw; 
	margin-bottom: 0.4em;
}
body#article.issue-3-letter main > header h2 span.civic-tech{ display: inline;}

}

@media screen and (min-width: 568.88px){ }

@media screen and (min-width: 711.11px){
	body#article.issue-3-letter header#header{ 
		margin-bottom: -156px;
		background: rgba(22,15,29,0.5);
		padding-bottom: 12px;
		position: absolute;
		left: 0;
		right: 16px;
		top: 0;
		z-index: 1;
	}

	body#article.issue-3-letter main > header{ 
	padding-top: 156px;
		text-align: left;
		position: relative;
		overflow: hidden;
		background: none;
		padding-bottom: 32px;
	}
	
	body#article.issue-3-letter header#header nav a{
		color: #ffcd00;
	}

body#article.issue-3-letter main > header div.site-width { 
	width: 90%; 
	position: static;
}

body#article.issue-3-letter main > header h1{ 
	font-size: 10vw; 
	color: white;
	text-shadow: 4px 4px 0 #47313e,
				 2px 2px 8px rgba(71,49,62,0.7);
}

body#article.issue-3-letter main > header h2{ font-size: 4.8vw; }
  
 

body#article.issue-3-letter main > header h2 span.civic{
	position: relative;
	top: -0.2em;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	transform: rotate(-1deg);
	background: #e5e3d9;
}

body#article.issue-3-letter main > header h2 span.tech{
	position: relative;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
	background: #f3f1e7;
}

body#article.issue-3-letter main > header h2 span.ripple{
	position: relative;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
	bottom: -0.1em;
	background: #e8e5d5;
}
body#article.issue-3-letter main > header h2 span.effects{
	position: relative;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
	top: -0.1em;
	background: #e8e5d5;
}
  body#article.issue-3-letter main > header h3{ 
	color: #582400;
	background: #ffcd00;
	display: inline-block;
	padding: 0.4em 1em;
  	position: relative; 
  }

	
	body#article.issue-3-letter figure.figure-1{ 
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	}
 
 	body#article.issue-3-letter figure.figure-1 img{ 
 		width: 100%;
 	}
 	

}

@media screen and (min-width: 853.33px){



body#article.issue-3-letter main > header h1{
	font-size: 96px;
	padding-top: 32px;
	margin-top: 0;
}

body#article.issue-3-letter main > header h2{ font-size: 48px; }

}

@media screen and (min-width: 995.55px){
}

@media screen and (min-width: 1137.77px){
	body#article.issue-3-jl header#header{ right: 20px; }
	body#article.issue-3-jl main > header{ 
		padding-top: 192px;
		text-align: left;
		padding-bottom: 64px;
		overflow: hidden;
	}
	
	body#article.issue-3-jl main > header div.site-width{
		padding-right: 384px; 
	}
	
    body#article.issue-3-jl main > header h1{ font-size: 128px; }
    body#article.issue-3-jl main > header h2{ 
    	font-size: 29px; 
    	word-spacing: 0;
    }
    
  body#article.issue-3-jl main > header h2,
  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	max-width: 640px;
  }

  body#article.issue-3-jl main > header h3,
  body#article.issue-3-jl main > header p{ 
  	font-size: 28px;
  	margin-left: 0;
  }
  	

}

/* @end */

/* @group recommends */



body#article.issue-3-recommends main > header figure.figure-1{
	z-index: 2;
	width: 90%;
	max-width: 384px;
	display: inline-block;
	margin: 16px auto 32px;
	position: relative;
	left: 16px;
}

body#article.issue-3-recommends main > header h1{
	margin-bottom: 0.4em;
}

body#article.issue-3-recommends main .page div.recommendation h1{
	font-size: 22px;
	font-family: "franklin-gothic-urw", Arial;
	font-weight: 600;
	color: inherit;
	margin-bottom: 0.2em;
  
}

body#article.issue-3-recommends main > header p{
  color: #ce4d31;
}

@media screen and (min-width: 568.88px){

	body#article.issue-3-recommends main > header figure.figure-1{
	  margin-top: 64px;
      margin-bottom: 0;
	}

	body#article.issue-3-recommends main > header h1{
	  margin-top: 32px;
	  margin-bottom: 0;
	}

}


@media screen and (min-width: 995.55px){
	body#article.issue-3-recommends main > header{
  		text-align: left;
	}

	body#article.issue-3-recommends main > header div.site-width{
		padding-right: 384px;
	}
	
	body#article.issue-3-recommends main > header div.site-width::after {
	  content: "";
	  display: table;
	  clear: both;
	}	

	body#article.issue-3-recommends main > header h1,
	body#article.issue-3-recommends main > header p{
		max-width: none;
		float: left;
		width: 100%;
		clear: none;
	}

	
	body#article.issue-3-recommends main > header h1{
  		margin-top: 32px;
  		font-size: 64px;
  		margin-bottom: 0.2em;
		white-space: nowrap;
	}
	
	body#article.issue-3-recommends main > header figure.figure-1{
		float: right;
		width: 384px;
		max-width: none;
		margin-top: 144px;
		margin-right: -384px;
        z-index: -1;
	}
}



@media screen and (min-width: 1137.77px){
	

	body#article.issue-3-recommends main > header h1{
	font-size: 72px;
	white-space: normal;
  }
	body#article.issue-3-recommends main > header figure.figure-1{
		position: relative;
		margin-top: 156px;
	}
	
}

/* @end */