#content	{
	margin-left: 5.5rem;
	margin-right: 9.5rem;
}

h1	{
	font-size: 1.2rem;
	margin-left: 11.5rem;
	padding-top: 1.5rem;
	width: calc(100% - 20rem);
	min-height: 4rem;
}	

h2	{
	font-size: 1rem;
	hyphens: none;
}	

h3	{
	font-family: 'Goblin One', sans-serif;
	font-size: 1rem;
	font-weight: normal;
}

#logo	{
	width: 6rem;
	position: absolute;
	top: 1rem;
	left: 4.5rem;
}

/*NAVIGATION*/

#menu_toggle, .hamburger {
  display: none;
}
	
nav	{
	display: block;
	z-index: 5;
	top: 1rem;
	left: 0;
	font-family: 'Lora', serif;
}	

.early nav, .classic nav, .postwar nav	{
	background: none;
}	

nav ul	{
	padding-top: 0;
}

/*CONTENT*/

#main	{
	left: 1rem;
	margin-top: 1rem;
	z-index: 1;
	font-size: .9rem;
}

#main p	{
	line-height: 1.4;
}	

.img_left	{
	float: left;
	margin: 0 1rem .5rem 0;
}

.img_right	{
	float: right;
	margin: 0 0 .5rem 1rem;
}

.portrait	{
	width: 60%;
}


/*TIMELINE*/

#timeline	{
	width: 8rem;/*same as container's border*/
	font-family: 'Goblin One', sans-serif;
	font-size: .9rem;
	top: 0;
	bottom: auto;
	left: auto;
}

#timeline label	{
	padding: .8em .5em .6em;
	font-family: 'Goblin One', sans-serif;
	font-weight: normal;
	text-transform: none;
}

#timeline input:checked ~ .timeline{
	height: calc(100vh - 10.5rem - 3px);
}

/*TIMELINE DETAILS*/

#timeline .date a	{
	left: 3rem;
	font-family: 'Goblin One', sans-serif;
	font-weight: normal;
	
}

#timeline .date:before	{
	left: calc(1.5rem + 1px);
}
	
#timeline .line	{
	left: 2rem;
}	
	
/*COLORS FOR EARLY THEME*/

.early:before	{
	border-left: 6rem solid #5e3110;
	border-right: 8rem solid #5e3110;
}

/*.early h2#subtitle	{
	color: #c3952d;
}	*/

/*.early #timeline	{
	border-bottom: none;
}*/

.early #timeline #early label	{
	border-top: none;
}	

/****************************/
		
/*COLORS FOR CLASSIC THEME*/

.classic:before	{
	border-left: 6rem solid #28377b;
	border-right: 8rem solid #28377b;
}

/*.classic h2#subtitle	{
	color: #c3952d;
}	*/

.classic #timeline #early label	{
	border-top: none;
}	

/****************************/

/*COLORS FOR POSTWAR THEME*/

.postwar:before	{
	border-left: 6rem solid #c3952d;
	border-right: 8rem solid #c3952d;
}

/*.postwar h2#subtitle	{
	color: #28377b;
}	*/

/*.postwar #timeline	{
	border-bottom: none;
}*/

.postwar #timeline #early label	{
	border-top: none;
}	

/****************************/

/*BICENTENNIAL LOGO*/

#bicentennial_logo	{
	width: 4rem;
	bottom: 1rem;
	left: 1rem;
}	

/***************************/

/*OBJECT PAGE*/

.index	{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	
	-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
	-moz-column-gap: 2rem; /* Firefox */
	column-gap: 2rem;
}	

.artifact	{
	margin-bottom: 2rem;
 }	
 
 /*GALLERY*/
 
 .photo	{
	margin-bottom: 2rem;
}