html, body{
margin: 0;
padding: 0;
background-color:#333333;
font-family: 'Open Sans', sans-serif;
color:white;
}

header{
	background-color:#f27e4b;
	color:white;
	padding:40px 0;
	border-bottom: 2px solid white;
}
section{margin:60px 0; }

#wrapper{
display:block;
margin:0 auto;
width:90%; padding: 0 5%;
max-width:700px;
margin-top:100px;
text-align:center;
padding-bottom:60px;
}
.wrapper{
	margin:0 auto;
width:90%; padding: 0 5%;
max-width:700px;
margin:40px auto 0;
text-align:center;
}

p{font-size:18px;line-height:1.5em;}

a{color:white; text-decoration:none;}
.student a, h2 a{color:#f27e4b; }

.student{margin:20px 0; max-width:;}

.student h3{color:#999999;}


ul{
list-style:none;
text-align:center;
margin:0 auto;
padding:0;
}


.sample{
margin-bottom:20px;
margin-top:-20px;
}

li, .sample{
font: 20px;
font-weight: 600;
padding-top: 5px;
margin: 5px 0;
}

li a, .sample{
color:#999999;
text-decoration:none;
text-align:center;
}

li a:hover, .sample:hover{
color:white;
}

h1, h2{
font-family: 'Lora', serif;
text-align:center;
margin:0;
}
h1{
	font-weight:700;
	font-size:2.8125em;
	letter-spacing: 3px;
}
h2{
	text-transform: none;
font-size: 1.5625em;
font-weight:300;}
.subhead{margin:1em;}
h3{font-size:1em;}

span{
color:#FFFFFF;
padding-left:10px;
padding-right:5px;
}