header	{
	padding-bottom: 12rem;
	padding-bottom: 0;
	width: 100%;
	margin: 0;
	height: 14rem;
	background-size: 14rem;
	background-position: calc(50% - 31rem) top;
}	

#title	{
	width: 30rem;
	float: left;
	margin-left: calc(50% - 28rem);
	margin-top: 4.5rem;
}



h2	{
	width: 30rem;
	font-size: 250%;
	right: calc(50% - 38rem);
}

h2 #create	{
	margin-top: 2rem;
	margin-right: 7em;
}	

h2 #use	{
	margin-right: 6em;
}	

h2 #investigate	{
	margin-right: 1em;
}

/*NAVIGATION*/
#menu label	{
	display: none;
}

nav	{
	margin-bottom: 0;
}
	
#menu_toggle ~ nav	{
	display: block;
}	

#menu nav li	{
	margin-right: 8rem;
	padding: 0;
	display: inline-block;
	/*font-size: 1.2rem;*/
}

#menu nav li:first-child	{
	margin-left: 2rem;
}

#menu nav li:last-child	{
	margin-right: 0;
}	
nav	{
	margin-top: 1rem;
	margin-bottom: 0;
	margin-left: calc(50% - 37.5rem);
	width: 75rem;
}	

#menu nav ul	{
	width: 100%;
	margin: 0 auto;
}

#menu nav li.theme	{
	display: inline-block;
}	

#menu nav li	{
	margin-right: 5rem;
	font-size: 1.4rem;
}	

#menu nav li:first-child	{
	margin-left: 0;
}

/*FOOTER NAVIGATION*/
#content ~ nav	{
	margin-left: calc(50% - 36rem);
	width: 70rem;
}	

	
	
	
/*CONTENT*/
#content	{
	width: 75rem;
	margin: 0 auto;
	
}	


/*PAGES*/

#panel	{
	width: 70rem;
	padding: 1rem 2.5rem;
}

figure.portrait	{
	width: 40%;
	margin: 0 0 2rem 2rem;
}	

figure.landscape	{
	width: 55%;
	margin: 0 0 2rem 2rem;
}

h3	{
	font-size: 2rem;
}

/*ARTIFACTS*/

.artifacts	{
	margin-bottom: 0;
}	

.six li	{
	margin-bottom: 3rem;
}

/*COLOR QUIZ*/

.color	{
	min-height: 82vh;
}	

/*********************/
.flip-container {
	width: 20.5%;
	padding-bottom: 20.5%;
	margin-right: 6%;
}

.flip-container:nth-child(odd)	{
	margin-right: 6%;
}

.flip-container:nth-child(3n)	{
	margin-right: 6%;
}

.flip-container:nth-child(4n)	{
	margin-right: 0;
}

.close	{
	font-size: 3rem;
}

/*COLOR MAP*/

/*.double .raw	{
	max-width: calc(32rem + 4px);
	width: calc(32rem + 4px);
}	*/

.raw figure	{
	width: 15rem;
}

/*
.double .raw figure:first-child	{
	margin-right: 2rem;
}*/