@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700|Russo+One');

body{
	margin:0;
	background:#eee;
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
	color:#f2f2f2;
}
img{
	background:linear-gradient(135deg, #ebebeb, #f5f5f5);
	padding:24px;
}
a:link, a:active, a:visited{
	color:#d2ffa2;
	text-decoration: none;
}
a:hover{
	color:#f5ffa8;
}
.text-center{
	text-align: center;
}
.nobr{
	white-space: nowrap;
}

header{
	padding:48px 24px;
	background:linear-gradient(135deg, #202020,#444);
	text-align: center;
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	color:#d2ffa2;
	border-bottom:#CCC 1px dotted;
	text-shadow:#aaa 0px 2px 10px;
}
section{
	background: #202020;
	padding:72px 24px;
}
footer{
	padding: 48px 24px;
	color:#1a1a1a;
	font-size:16px;
}
h1{
	margin:0 auto;
	font-size: 96px;
}
h1 span{
	display:inline-block;
}
p{
	margin:12px 0;
}
@media(max-width:767px){
	body{
		font-size:16px;
	}
	h1{
		font-size:48px;
	}
	section{
		padding: 24px;
	}
}

.graphic{
	padding:24px;
	cursor: pointer;
}
.copy{
	font-size:24px;
}
.copy p, .copy li{
	opacity:0;
}