body {
	
	max-width: 70%;
	margin-left: 14%;
	margin-right: 14%;
	line-height: 1.5;
	font-family: 'PT Sans', sans-serif;
	color: #708099;
	font-size: 19px;

}
 li {
 	font-weight: lighter;
 }

a {
	text-decoration: none;
	color: #708090;
}
a:visited {
	text-decoration: none;
	color: #708090;
}

img {
	height: auto;
	width: 100%;
	}

h2, h3 {
	color: #36454f;
}


h1 {
	margin-top: 20%;
	color: #bf9b30;
	font-weight: lighter;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 1;
	font-weight: 700;
}

em {
	color: #708090;
	font-family: serif;
	font-size: 18px;
}
p.quote {

	font-family: serif;
	font-weight: lighter;
	color: #bf9b30;
	font-size: 20px;
	font-style: italic;
	line-height: 1.75;

}

header {
	position: fixed;
	width: 100%;
	min-height: 17%;
	right: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.85);

}

div#back-to-top {
	position: fixed;
	right: 0;
	bottom: 0;
	height: 35px;
	width: 145px;
	background-color: rgba(212, 212, 212, .90);
	color: #bf9b30;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.35em;
	font-size: 12px;
	font-weight: 700;
	padding-top: 10px;
}

div#toc {
	margin-left: 14%;
	margin-top: 3%;
	
}
div#toc h2 {
	font-weight: 400;
	color: #bf9b30;
	letter-spacing: .35em;
	font-size: 18px;
	font-weight: 700;

}


@media (min-width: 350px) and (max-width: 640px) {
	body {
		min-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	div#toc {
	display: none;
	}

	header {
		min-height: 35px;
	}

	h1{
		font-size: 25px;
		margin-top: 10%;
	}

	p.quote {
		line-height: 1.25;
}