body{
	background:#bc8;	
  margin-top, margin-bottom: 40px;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#title{ text-align: center; line-height: 2rem;}
h1{ font-size: 2.5rem; font-weight: 500;}
h2{ font-size: 2rem; font-weight: 500;}
h4{ font-size: 1.5rem; font-weight: 450; margin-bottom: 0px;}

#img-div{
  display: block;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  /*THIS NEEDS TO BE RESPONSIVE*/
  width: auto;
  max-width: 500px;
	margin: 0 auto;
	
}

#image{
  width:100%;  height: auto; max-width: 268px; display: block; margin-left: auto; margin-right: auto;
}

#timeline{ display: flex; }
#timeline-left-gutter, #timeline-right-gutter{
/* TESTING CSS
	background-color: red;
	*/
	flex: 1 1 0px;
}
#timeline-text{
/*TESTING CSS
	background-color: green;
	*/
	flex: 1 1 500px;
}

footer{
  text-align: center;
}


 /* Link Styling */
a:link { color: #3380ff; }
a:visited { color: #3380ff; }
a:hover { color: #003FA3; }
a:active { color: #003FA3; }