*, *:before, *:after { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
body {
  font-family: "Source Sans Pro"; 		
  font-size: 22px;
  line-height: 35px;
  font-weight: 300;
  margin: 0 auto;
  
}

h1 {
  font-size: 74px;
  line-height: 105px;
  margin-top: 70px;
  margin-bottom: 35px;
  font-weight: 700;
  color: #4c4c4c;
}
h2 {
  font-size: 50px;
  line-height: 70px;
  margin-top: 70px;
  margin-bottom: 35px;
  font-weight: 700;
  color: #2c5697;
}
h3 {
  font-size: 33px;
  line-height: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
  font-weight: 700;
  color: #2c5697;
 
}
h4 {
  font-size: 22px;
  line-height: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
  font-weight: 700;
  color: #2c5697;
  text-transform: uppercase;
  letter-spacing: 2px;
}

em {
	color:#2c5697;
}

p, ul, ol, pre, table, blockquote {
  margin-top: 35px;
  margin-bottom: 35px;
}

p.small {
	font-size: 14.667px;
	margin: 17.5px 0;
	line-height: 17.5px;
}

p.lead {
	font-weight: 700;
	}
blockquote {
	font-style: italic;
	border-left: 6px solid #ccc;
	padding-left: 35px;
}
hr {
  border: none;		
  border-top: 4px double #ccc;
  margin: -1px auto;
  width: 20%;
  height: 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

li {
	margin-bottom: 17.5px;		
}

b, strong, em, small, code {
  line-height: 1;
}

strong {
	font-weight: 700;
}

.boxedtext
		{
			border-top: 2px solid #000;
			border-bottom: 2px solid #000;
			padding: 20px;
		}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}


.hide {
	display: none;	
}
	
/* Links ---------------------- */
a img { border: none; }
	a { 
	color: #2c5697; 
	font-weight: 400; 
	text-decoration: none; 
	line-height: inherit; 
	border-bottom: 1px solid #a2b5d1; 
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:hover { background: #e1e7f0;  }
a:focus { background: #e1e7f0;  }
p a, p a:visited { line-height: inherit; }

/*-- image -----------------*/

.image {
	max-width: 120%;
	margin: 35px -10% 35px;
}
img {
	max-width: 100%;
}

p.caption {
	color: #4c4c4c;	
	font-size: 14.667px;
	margin: 0;
	line-height: 17.5px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}


/*-- layout --*/
.hero {
	width: 100%;
	height: 100vh;	
	margin-bottom: 70px;
}

.chapter1 {
	background: url(../Chapter1/chapterone.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.chapter2 {
	background: url(../Chapter2/fivews.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.chapter3 {
	background: url(../Chapter3/5_stepstint.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter4 {
	background: url(../Chapter4/goteam.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.chapter5 {
	background: url(../Chapter5/Boardroom.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter6 {
	background: url(../Chapter6/Shopping.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter7 {
	background: url(../Chapter7/road.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter8 {
	background: url(../Chapter8/bigdoglittledog.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.chapter9 {
	background: url(../Chapter9/Rembrandt.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.chapter10 {
	background: url(../Chapter10/http_www.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter11 {
	background: url(../Chapter11/MI.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter12 {
	background: url(../Chapter12/education.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter13 {
	background: url(../Chapter13/futurism.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter14 {
	background: url(../Chapter14/Mortality2.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter15 {
	background: url(../Chapter15/overcoming_barriers.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter16 {
	background: url(../Chapter16/Campfire.jpg) no-repeat 50% 50%;
	background-size: cover;	
}

.chapter17 {
	background: url(../Chapter17/lego.jpg) no-repeat 50% 50%;
	background-size: cover;	
}
.heroContent {
	margin: 0 auto;
	max-width: 760px;	
	padding-top: 10%;
}

.heroContent h1, .heroContent h2, p.chapter{
	text-align: center;
	color: #fff;	
	
	}
	
.heroContent hr {
	border-top: 1px double #fff;
	width: 20%;	
}

.byline {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;	
}

.bylinecontents{
	font-family: Georgia, serif;
	font-style: oblique;
	font-weight: 400;
	font-size: 16px;
	color:#ffffff;
	padding: 20px;
	text-align:center;
}
.heroContent p.byline {
	color: #fff;
	text-align: center;
	
}

.heroContent p.arrow {
	color: white;
	font-size: 60px;
	bottom: 17.5px;
	text-align: center;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	font-size: 0;
	line-height: 0;
}

.content {
	margin: 0 auto;
	max-width: 760px;	
	padding-bottom: 70px;
}

.tintpanel {
	background: #e9eef4;
	padding: 35px 0 0;
}


/*-- menu --*/
#menu {
	background: #2c5697;
	width: 100%;	
	}

.chapters {
	margin: 140px auto;
	max-width: 700px;	
}

.chapters h1 {
	font-family: 'Abril Fatface', cursive;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.chapters .byline{
	font-size: 14.667px;
	line-height: 22px;
	margin: 0;
}

.chapters ul {
	margin-left: 0;	
		
}

.chapters li {
	text-align: left;
	color: #fff;
	list-style: none;	
	margin: 0 0 17.5px;
	font-size: 18px;
	
	
}

.chapters li a, .heroContent p.arrow a{
	color: #fff;
	border: none;
		
}

.chapters li a:hover, .heroContent p.arrow a:hover, .heroContent p.arrow a:focus{
	background: none;
	opacity: 0.5;	
}

a.menu-link {
	color: #fff;
	border: none;	
	position: absolute;
	top: 35px;
	left: 35px;
}

a:focus.menu-link  {
	background: none;	
}

a:hover.menu-link {
	background: none;
	opacity: 0.5;	
}

.opacity {
	opacity: 0.2;	
}

@media all and (max-width: 970px) { 

a.menu-link {
	top: 17.55px;
	left: 17.5px;
}

.image {
	max-width: 100%;
	margin: 35px 0 35px;

}

.content {
	padding-left: 20px;
	padding-right: 20px;	
}

}
/*-- Pagination --*/


.backforward p {
	margin: 0;
}

.backforward p a {
	font-size: 0.8em;	
	width: 100%;
	display: block;
	color: #717171;
	padding: 0.5em 0.5em 1em;	
	margin: 0;
}
.backforward p a:focus, .backforward p a:hover {
	background: #bfcce0;	
	color: #fff;
}

.back, .top, .forward {
	border-top: 1px solid #ccc;
	padding: 0;
	float: left;
	width: 33.3333333333333333333333%;
	text-transform: uppercase;
	letter-spacing: 2px;
	
}

.top {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}