body {
	height:100%;
	background-color: black;
	color:#ccc;
     -webkit-font-smoothing: antialiased;
     font-family: 'transat', sans-serif;
}

.col {
	margin-right:3rem;
	margin-left:3rem;
}

nav {
	box-shadow: none;
	height:120px;
}

.nav-wrapper {
	background-color: black;
	padding: 1.6rem 3rem;
	border-bottom: #ffff66;
}

a.nav {
	color:#ff66ff;
	font-size:1.6rem;
}

li.active {
	color:#ffff66;
	font-size:1.6rem;
	text-decoration: underline;
}

a.nav:hover {
	font-size:1.6rem;
	text-decoration: underline;
}

#content {
	padding: 6rem 4rem;
}

.section {
	padding: 9rem 4rem 4rem 4rem;
	background-color: #222;
}

.modal {
	background-color: black;
}

p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom:3rem;
	color:#999;	
}

.callout {
	padding: 6rem 4rem 4rem 4rem;
	color:black;
	background-color:#999;
}

.citation {
	color:#ccc;
	font-style: italic;
	font-weight:700;
	line-height: 1.3;
}

h1 {
	font-size: 6rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	margin-bottom:3rem;
	margin-left:-0.7rem;
}

h2 {
	font-size: 5rem;
	font-weight: 700;
	font-style: normal;
	line-height: .9;
	margin-top:.4rem;
}


h3 {
	font-weight: 900;
	font-style: normal;
	font-size: 4rem;
	line-height: 1.2;
	margin-bottom:3rem;
}

.thesis {
	font-size: 2.8rem;
	line-height: 1.1;
	font-style:italic;
}

h4 {
	font-weight: 500;
	font-size: 2.25rem;
	line-height: 1.2;
	margin-top:2.5rem;
}

h5 {
	line-height: 1.2;
	margin-bottom:3rem;
	color:#999;
}

h6 {
	padding-top:2rem;
	padding-bottom: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
}

a {
	color:#ffff66;
	font-weight: 400;
}

a:hover {
	color:#ffff66;
	text-decoration: underline;	
}

video {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,102,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,102,0.75);
	box-shadow: 0px 0px 10px 0px rgba(255,255,102,0.75);
	margin-bottom:3rem;
}

img {
	margin-top: 1rem;
	margin-bottom:3rem;
}

img.scale-with-grid {
		max-width: 100%;
		height: auto;
}

.scale-with-grid {
		max-width: 100%;
		height: auto;
}


@media (max-width: 1025px) {
	#content { padding: 6rem 2.5rem; }
	.section { padding: 8rem 2.5rem 3rem 2.5rem; }
	h1 { font-size: 6rem; }
	p { line-height: 1.3; }

}

@media (max-width: 500px) {
	#content { padding: 1rem 2rem 2rem 2rem; }
	.section { padding: 4rem 2rem 2rem 2rem; }
	h1 { font-size: 6rem;margin-left:-0.4rem; }
	h3 { font-size: 3rem; }
	.thesis { font-size:2rem;margin-top:3rem; }
	p { font-size: 1.5rem; line-height: 1.2; }
	p.citation { font-size:1.4rem; }
	video { margin-bottom:0; }	
}