html { 
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size:14px;
	background: #fff;
}
html, body { 
	height: 100%;
	margin: 0;
	padding: 0;
}
body { 
	background: #fff url(eddi-bw.gif) 0 0 fixed;
	color: #000;
	margin:0 auto;
}
a { 
	text-decoration: none;
}
a.img { 
	position:absolute;
	display:block;
	height:100vh;
	width:100%;
	z-index:100;
}
#rwd { 
	position:absolute;
	z-index:0;
	top:0;
	height:0;
}
.container { 
	margin:0 auto;
	width:auto;
	max-width:80%;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	justify-content:center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items:center;
	height:100%; 
}
div#think {
	height:5em;
	width:5em;
	border:0;
	margin:-5em 0 0 0;
	position:absolute;
	margin-left:20%;
	display:none;
}
div#think #thinksvg .bg {
	fill:rgba(0,0,0,0.7);
}
#thinksvg.on {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}
#t02,.nodisplay { 
	opacity:0; 
}
.outer { 
	opacity:1;
	transition-property:opacity;
	transition-duration:0.4s;
	transition-timing-function:ease-out;
}
.bgwhite,.txt { 
	margin: 0; 
}
.bgwhite { 
	position:relative;
	z-index:1; 
}
.txt { 
	z-index:2;
	background:transparent;
}
.txt div { 
	margin:-0.25px;
	padding:20px;
	border-radius:0.5em;
	background:rgba(0,0,0,0.7);
	font-family:'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
	font-size:1.3em;
	line-height:1.4em;
	color: #fff;
}
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
/* # > @media (min-width: 48em)
*/
@media screen and (min-width: 48em) {
	#rwd { 
		z-index:48; 
	}
	img { 
		display:block; 
	}
	.container { 
		max-width:70%; 
	}
	.txt div { 
		padding:50px; 
		border-radius:0;
	}
	div#think { 
		display:block; 
	}
}
/* # > @media (min-width: 70em)
*/
@media screen and (min-width: 70em) {
	#rwd { 
		z-index:70; 
	}
	.container { 
		max-width:900px;
		font-size:1.1em; 
	}
}
