#container	{
	width: 53rem;
	min-height: 100vh;
	margin: 0 auto;
	position: relative;
}	

#container:before	{
	content: "";
	left: calc(50% - 37.5rem);
	right: calc(50% - 37.5rem);
}	

#content	{
	width: 50rem;
	/*display: block;*/
	margin: 0;
}

h1	{
	font-size: 2rem;
	margin-top: 0;
	margin-left: 6rem;/*redo all margins after h1 is made of image*/
	width: calc(100% - 14rem);
	padding-top: 3rem;
	/*display: block;*/
}	

h2	{
	font-size: 1.4rem;
}

h3	{
	/*font-size: 1.2rem;*/
	font-size: 1rem;
}	

#logo	{
	width: 9rem;
	left: calc(50% - 31.5rem);
}

/*NAVIGATION*/

nav	{
	top: 2rem;
	left: calc(50% - 37.5em);
	font-size: 1rem;
}	

nav ul	{
	padding-left: 1rem;
}

/*TIMELINE*/

#timeline	{
	font-size: 1rem;
	right: calc(50% - 37.5rem);
}

#timeline label	{
	padding: .8em 1em .6em;
}

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

/*TIMELINE DETAILS*/

#timeline .date:nth-child(odd) a	{
	left: calc(50% + 1rem);
}	

#timeline .date:nth-child(even) a	{
	right: calc(50% + 1rem);
}

#timeline .date:nth-child(odd) img	{
	right: calc(50% + 1rem);
}	

#timeline .date:nth-child(even) img	{
	left: calc(50% + 1rem);
}	

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

/*BICENTENNIAL LOGO*/

#bicentennial_logo	{
	width: 5rem;
	left: calc(50% - 36rem);
}	

/***************************/
/*CONTENT*/

#main	{
	left: -1.5rem;
	font-size: 1rem;
}

#main:after	{
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
	transform: rotate(-3deg);
}

#satellite_map	{
	width: 100%;
}	
#satellite_map img	{
	display: block;
	width: 100%;
}	

.portrait	{
	width: 40%;
}

.landscape	{
	width: 60%;
}	

#special	{
	margin-top: 1.5rem;
}	/*gallery photo on the About page*/